例項屬性
繼承自其祖先 CSSRule 的屬性。
CSSKeyframeRule.keyText-
表示關鍵幀的鍵，例如
'10%'、'75%'。from關鍵字對映到'0%'，to關鍵字對映到'100%'。 CSSKeyframeRule.style只讀-
返回與關鍵幀關聯的 CSS 樣式的
CSSStyleDeclaration。
例項方法
沒有特定的方法；繼承自其祖先 CSSRule 的方法。
示例
CSS 包含一個 keyframes at-rule。這將是 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]; // a CSSKeyframesRule
console.log(keyframes[0]); // a CSSKeyframeRule representing an individual keyframe.
規範
| 規範 |
|---|
| CSS 動畫級別 1 # interface-csskeyframerule |
瀏覽器相容性
載入中…