CSSAnimation：animationName 属性

animationName 属性是 CSSAnimation 接口的属性，它返回 animation-name。它指定一个或多个关键帧 at-规则，这些规则描述应用于元素的动画。

值

字符串。

示例

返回 animationName

以下示例中的动画在 CSS 中定义，名称为 slide-in。调用 Element.getAnimations() 返回所有 Animation 对象的数组。animationName 属性返回赋予动画的名称，在本例中为 slide-in。

css
.animate {
  animation: slide-in 0.7s both;
}

@keyframes slide-in {
  0% {
    transform: translateY(-1000px);
  }
  100% {
    transform: translateY(0);
  }
}
js
let animations = document.querySelector(".animate").getAnimations();
console.log(animations[0].animationName);

规范

规范
CSS 动画级别 2
# dom-cssanimation-animationname

浏览器兼容性

BCD 表格仅在浏览器中加载