CSSAnimation
CSSAnimation
是 Web 动画 API 的一个接口,它代表一个 Animation
对象。
实例属性
此接口从其父类 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 的浏览器中加载。