CSSKeyframesRule：name 属性
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since 2016年8月.
CSSKeyframeRule 接口的 name 属性用于获取和设置动画的名称，该名称被 animation-name 属性使用。
值
字符串。
示例
以下 CSS 包含一个关键帧 at 规则。这将是 document.styleSheets[0].cssRules 返回的第一个 CSSRule。
myRules[0] 返回一个 CSSKeyframesRule 对象，其 name 属性设置为 "slide-in"。
css
@keyframes slide-in {
from {
transform: translateX(0%);
}
to {
transform: translateX(100%);
}
}
js
let myRules = document.styleSheets[0].cssRules;
let keyframes = myRules[0]; // CSSKeyframesRule
console.log(keyframes.name); // "slide-in"
规范
| Specification |
|---|
| CSS Animations Level 1 # dom-csskeyframesrule-name |
浏览器兼容性
Loading…