CSSKeyframeRule：keyText 属性

keyText 是 CSSKeyframeRule 接口的一个属性，它表示关键帧选择器，以逗号分隔的百分比值列表形式表示。from 和 to 关键字分别对应 0% 和 100%。

值

字符串。

异常

SyntaxError

如果 keyText 使用无效的关键帧选择器进行更新，则抛出此异常，在这种情况下，keyText 保持不变。

示例

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

css
@keyframes slidein {
  from {
    transform: translateX(0%);
  }

  to {
    transform: translateX(100%);
  }
}
js
let myRules = document.styleSheets[0].cssRules;
let keyframes = myRules[0]; // a CSSKeyframesRule
console.log(keyframes[0].keyText); // a string containing 0%

规范

规范
CSS 动画级别 1
# dom-csskeyframerule-keytext

浏览器兼容性

BCD 表格仅在启用 JavaScript 的浏览器中加载。