CSSKeyframeRule：keyText 属性
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since 2016年8月.
CSSKeyframeRule 接口的 keyText 属性表示关键帧选择器，以逗号分隔的百分比值列表形式呈现。关键字 from 和 to 分别映射到 0% 和 100%。
值
一个字符串。
异常
SyntaxError-
如果
keyText被更新为无效的关键帧选择器，则会抛出此异常，这种情况下keyText将保持不变。
示例
以下 CSS 包含一个关键帧规则。其会是 document.styleSheets[0].cssRules 返回的第一个 CSSRule。myRules[0] 返回一个 CSSKeyframesRule 对象，其中包含每个关键帧的 CSSKeyFrameRule 对象。
css
@keyframes slide-in {
from {
transform: translateX(0%);
}
to {
transform: translateX(100%);
}
}
js
let myRules = document.styleSheets[0].cssRules;
let keyframes = myRules[0]; // CSSKeyframesRule
console.log(keyframes[0].keyText); // 包含 0% 的字符串
规范
| Specification |
|---|
| CSS Animations Level 1 # dom-csskeyframerule-keytext |
浏览器兼容性
Loading…