CSSKeyframesRule: findRule() 方法

語法

findRule(select)

引數

select

一個包含要查詢的規則的關鍵幀選擇器的字串，它必須是

• 0% 到 100% 之間的百分比值組成的逗號分隔列表；
• 或者，關鍵字 from 或 to

請注意，指定的關鍵幀選擇器中值的數量和順序必須與目標關鍵幀規則的數量和順序相匹配。忽略空格。

返回值

一個 CSSKeyframeRule，它是最後一個匹配的規則。如果沒有找到規則，則不返回任何內容。

示例

CSS 包含一個關鍵幀 @ 規則。這將是 document.styleSheets[0].cssRules 返回的第一個 CSSRule。myRules[0] 返回一個 CSSKeyframesRule 物件。呼叫 findRule("to") 會返回一個代表第二條規則的 CSSKeyframeRule。

@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.findRule("to")); // a CSSKeyframeRule object

規範

瀏覽器相容性