CSSAnimation: thuộc tính animationName
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2020.
Thuộc tính animationName của giao diện CSSAnimation trả về animation-name. Thuộc tính này chỉ định một hoặc nhiều at-rule keyframe mô tả hoạt hình được áp dụng cho phần tử.
Giá trị
Một chuỗi.
Ví dụ
Trả về animationName
Hoạt hình trong ví dụ dưới đây được định nghĩa trong CSS với tên slide-in. Gọi Element.getAnimations() trả về một mảng tất cả các đối tượng Animation. Thuộc tính animationName trả về tên được đặt cho hoạt hình, trong trường hợp này là 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);
Thông số kỹ thuật
| Thông số kỹ thuật |
|---|
| CSS Animations Level 2 # dom-cssanimation-animationname |