Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from http://developer.mozilla.org/zh-CN/docs/Web/API/CSSKeyframesRule/findRule below:

CSSKeyframesRule：findRule() 方法 - Web API

Baseline Widely available

CSSKeyframeRule 接口的 findRule() 方法用于查找与关键帧选择器匹配的 CSSKeyFrameRule。

select

包含要查找规则的关键帧选择器的字符串，必须是以下之一：

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

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

最后一个匹配的 CSSKeyframeRule。如果未找到规则，则返回 undefined。

以下 CSS 包含一个关键帧 at 规则。这将是 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]; // CSSKeyframesRule
console.log(keyframes.findRule("to")); // CSSKeyframeRule 对象

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4