CSSKeyframeRule：keyText 属性

基线广泛可用

自 2016年8月起，此特性已在主流浏览器中得到支持，可在大多数设备和浏览器版本中正常使用。

CSSKeyframeRule 接口的 keyText 属性表示关键帧选择器，以逗号分隔的百分比值列表形式呈现。关键字 from 和 to 分别映射到 0% 和 100%。

值

一个字符串。

以下 CSS 包含一个关键帧规则。其会是 document.styleSheets[0].cssRules 返回的第一个 CSSRule。myRules[0] 返回一个 CSSKeyframesRule 对象，其中包含每个关键帧的 CSSKeyFrameRule 对象。

css

@keyframes slide-in {
  from {
    transform: translateX(0%);
  }

  to {
    transform: translateX(100%);
  }
}

let myRules = document.styleSheets[0].cssRules;
let keyframes = myRules[0]; // CSSKeyframesRule
console.log(keyframes[0].keyText); // 包含 0% 的字符串

规范
CSS Animations Level 1 # dom-csskeyframerule-keytext

此页面最后更新于 2025年7月20日，由 MDN 贡献者更新。