CSSKeyframesRule：name 属性

name 属性是 CSSKeyframeRule 接口的一部分，用于获取和设置动画名称，该名称由 animation-name 属性使用。

值

字符串。

示例

CSS 包含一个关键帧 at-rule。这将是 document.styleSheets[0].cssRules 返回的第一个 CSSRule。myRules[0] 返回一个 CSSKeyframeRule 对象，其 name 设置为“slidein”。

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.name); // "slidein"

规范

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

浏览器兼容性

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