CSSKeyframesRule: thuộc tính name
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since August 2016.
Thuộc tính name của giao diện CSSKeyframeRule lấy và đặt tên của hoạt hình được sử dụng bởi thuộc tính animation-name.
Giá trị
Một chuỗi.
Ví dụ
CSS bao gồm một keyframes at-rule. Đây sẽ là CSSRule đầu tiên được trả về bởi document.styleSheets[0].cssRules.
myRules[0] trả về một đối tượng CSSKeyframesRule với name được đặt thành "slide-in".
css
@keyframes slide-in {
from {
transform: translateX(0%);
}
to {
transform: translateX(100%);
}
}
js
let myRules = document.styleSheets[0].cssRules;
let keyframes = myRules[0]; // a CSSKeyframesRule
console.log(keyframes.name); // "slide-in"
Thông số kỹ thuật
| Thông số kỹ thuật |
|---|
| CSS Animations Level 1 # dom-csskeyframesrule-name |