CSSKeyframeRule: keyText 屬性

Baseline 已廣泛支援

此功能已相當成熟，可在多種裝置和瀏覽器版本上執行。自 ⁨2016 年 8 月⁩ 起，所有瀏覽器均已提供此功能。

keyText 屬性是 CSSKeyframeRule 介面的一部分，用於表示一個由百分比值組成的、以逗號分隔的動畫關鍵幀選擇器列表。from 和 to 關鍵字分別對應 0% 和 100%。

值

字串。

異常

SyntaxError: 如果嘗試使用無效的關鍵幀選擇器更新 keyText，將丟擲異常，並且 keyText 將保持不變。

示例

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%);
  }
}

let myRules = document.styleSheets[0].cssRules;
let keyframes = myRules[0]; // a CSSKeyframesRule
console.log(keyframes[0].keyText); // a string containing 0%

規範

規範
CSS 動畫級別 1 # dom-csskeyframerule-keytext

瀏覽器相容性

幫助改進 MDN

瞭解如何貢獻

此頁面最後修改於 2024年10月8日，由 MDN 貢獻者進行了修改。

在 GitHub 上檢視此頁面 • 報告此內容的問題