CSSKeyframesRule: name 屬性

Baseline 已廣泛支援

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

CSSKeyframeRule 介面的 name 屬性用於獲取和設定動畫的名稱，該名稱會用於 animation-name 屬性。

值

字串。

CSS 包含一個 @keyframes 規則。這將是 document.styleSheets[0].cssRules 返回的第一個 CSSRule。myRules[0] 返回一個 CSSKeyframesRule 物件，其 name 設定為 "slide-in"。

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.name); // "slide-in"

規範
CSS 動畫級別 1 # dom-csskeyframesrule-name

此頁面最後於 ⁨2024年10月8日⁩ 由 MDN 貢獻者修改。