CSSKeyframesRule：findRule() 方法

select

包含要查找的规则的关键帧选择器的字符串，该字符串必须是

• 0% 到 100% 之间的百分比值的逗号分隔列表；
• 或者，关键字 from 或 to

请注意，指定的关键帧选择器中值的数量和顺序必须与目标关键帧规则的数量和顺序匹配。空格将被忽略。

一个 CSSKeyframeRule，它是最后一个匹配的规则。如果未找到任何规则，则不返回任何内容。

CSS 包含一个关键帧 @规则。这将是 document.styleSheets[0].cssRules 返回的第一个 CSSRule。myRules[0] 返回一个 CSSKeyframesRule 对象。调用 findRule("to") 返回一个表示第二个规则的 CSSKeyframeRule。

@keyframes slidein {
  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