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

规范

浏览器兼容性