CSSKeyframesRule: cssRules 属性

CSSKeyframesRule 接口的只读 cssRules 属性返回一个 CSSRuleList，其中包含关键帧 at-rule 中的规则。

注意：CSSKeyframeRule 本身可以像数组一样进行索引，并且其功能类似于其 cssRules 属性。

值

一个 CSSRuleList。

示例

CSS 包含一个关键帧 at-rule。这将是 document.styleSheets[0].cssRules 返回的第一个 CSSRule。myRules[0] 返回一个 CSSKeyframesRule 对象。cssRules 属性返回一个包含两个规则的 CSSRuleList。

css

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

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

let myRules = document.styleSheets[0].cssRules;
let keyframes = myRules[0]; // a CSSKeyframesRule
console.log(keyframes.cssRules); // a CSSRuleList object with two rules

规范

规范
CSS 动画级别 1 # dom-csskeyframesrule-cssrules

浏览器兼容性

BCD 表格仅在浏览器中加载