CSSAnimation

CSSAnimationWeb 动画 API 的一个接口,它代表一个 Animation 对象。

EventTarget Animation CSSAnimation

实例属性

此接口从其父类 Animation 继承属性。

CSSAnimation.animationName 只读

以字符串形式返回动画名称。

实例方法

此接口从其父类 Animation 继承方法。

示例

检查返回的 CSSAnimation

在以下示例中,动画在 CSS 中定义,名称为 slide-in。调用 Element.getAnimations() 将返回所有 Animation 对象的数组。在我们的案例中,它将返回一个 CSSAnimation 对象,代表在 CSS 中创建的动画。

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]);

规范

规范
CSS 动画级别 2
# the-CSSAnimation-interface

浏览器兼容性

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