CSSKeyframesRule：length 属性
CSSKeyframeRule 接口的只读属性 length 返回其列表中 CSSKeyframeRule 对象的数量。你可以通过索引直接在 CSSKeyframeRule 对象上访问每个关键帧规则。
值
非负整数。它的值应与 cssRules 属性的 length 相同。
示例
以下 CSS 包含一个关键帧 at 规则。这将是 document.styleSheets[0].cssRules 返回的第一个 CSSRule。
myRules[0] 返回一个 CSSKeyframesRule 对象。cssRules 属性返回一个包含两个规则的 CSSRuleList。
css
@keyframes slide-in {
from {
transform: translateX(0%);
}
to {
transform: translateX(100%);
}
}
js
const myRules = document.styleSheets[0].cssRules;
const keyframes = myRules[0]; // CSSKeyframesRule
console.log(keyframes.length); // 2
规范
| 规范 |
|---|
| CSS Animations Level 1 # dom-csskeyframesrule-length |