CSSKeyframesRule:name 属性

基线广泛可用

自 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%);
 }
}

let myRules = document.styleSheets[0].cssRules;
let keyframes = myRules[0]; // CSSKeyframesRule
console.log(keyframes.name); // "slide-in"

规范
CSS Animations Level 1 # dom-csskeyframesrule-name

此页面最后更新于 2025年7月27日,由 MDN 贡献者更新。