CSSKeyframeRule: thuộc tính keyText
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 keyText của giao diện CSSKeyframeRule biểu thị bộ chọn keyframe dưới dạng danh sách các giá trị phần trăm được phân tách bằng dấu phẩy. Các từ khóa from và to lần lượt ánh xạ tới 0% và 100%.
Giá trị
Một chuỗi.
Ngoại lệ
SyntaxError-
Được ném ra nếu
keyTextđược cập nhật với một bộ chọn keyframe không hợp lệ, trong trường hợp đókeyTextvẫn không thay đổi.
Ví dụ
CSS bao gồm một at-rule keyframes. Đâ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, sẽ chứa các đối tượng CSSKeyFrameRule riêng lẻ cho mỗi keyframe.
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[0].keyText); // a string containing 0%
Thông số kỹ thuật
| Specification |
|---|
| CSS Animations Level 1 # dom-csskeyframerule-keytext |