CSSKeyframesRule: cssRules 属性

Baseline 已广泛支持

此功能已相当成熟，可在多种设备和浏览器版本上运行。自 ⁨2016 年 8 月⁩ 起，所有浏览器均已提供此功能。

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

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

值

一个 CSSRuleList。

示例

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

css

@keyframes slide-in {
  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

浏览器兼容性

帮助改进 MDN

了解如何贡献

此页面最后修改于 2025年2月14日，由 MDN 贡献者修改。

在 GitHub 上查看此页面 • 报告此内容的问题