CSSAnimation - 表示 CSS 的 Animation 对象

CSSAnimation 是 Web Animations API 的接口，表示 CSS 的 Animation 对象。

属性

从其祖先 Animation 继承属性， 并添加了 animationName。

CSSAnimation.animationName 只读

将动画名称返回为一个 CSSOMString。

事件处理程序

没有特有的事件处理程序; 从其祖先 Animation 继承了事件处理程序。

方法

没有特有的事件处理程序; 从其祖先 Animation 继承了方法。

实例

检查返回的 CSSAnimation

以下实例中的动画在 CSS 中定义为 slide-in 名称。调用 Element.getAnimations() 返回一个数组，包含了所有的 Animation 对象。在我们的情况下，这将返回一个 CSSanimation 对象，表示在 CSS 中创建的动画。

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

@keyframes slide-in {
  0% {
    transform: translateY(-1000px);
  }
  100% {
    transform: translateY(0);
  }
}

let animations = document.querySelector(".animate").getAnimations();
console.log(animations[0]);

规范

规范	状态	备注
Unknown CSSAnimation 的定义	Unknown	初始定义。

桌面浏览器兼容性

移动浏览器兼容性