CSSKeyframesRule: findRule() Methode

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since August 2016.

Die findRule() Methode des CSSKeyframeRule Interfaces sucht die CSSKeyFrameRule, die mit dem angegebenen Keyframe-Selektor übereinstimmt.

Syntax

js
findRule(select)

Parameter

select

Ein String, der den Keyframe-Selektor der zu findenden Regel enthält. Dieser muss sein:

  • eine durch Kommas getrennte Liste von Prozentwerten zwischen 0% und 100%;
  • oder die Schlüsselwörter from oder to

Beachten Sie, dass die Anzahl und Reihenfolge der Werte im angegebenen Keyframe-Selektor mit denen der anvisierten Keyframe-Regel(n) übereinstimmen müssen. Leerzeichen werden ignoriert.

Rückgabewert

Eine CSSKeyframeRule, die die zuletzt gefundene Regel ist. Wenn keine Regeln gefunden werden, wird nichts zurückgegeben.

Beispiele

Das CSS enthält eine Keyframes-At-Regel. Diese wird die erste CSSRule sein, die von document.styleSheets[0].cssRules zurückgegeben wird. myRules[0] gibt ein CSSKeyframesRule Objekt zurück. Der Aufruf von findRule("to") gibt eine CSSKeyframeRule zurück, die die zweite Regel darstellt.

css
@keyframes slide-in {
  from {
    transform: translateX(0%);
  }

  to {
    transform: translateX(100%);
  }
}
js
let myRules = document.styleSheets[0].cssRules;
let keyframes = myRules[0]; // a CSSKeyframesRule
console.log(keyframes.findRule("to")); // a CSSKeyframeRule object

Spezifikationen

Specification
CSS Animations Level 1
# interface-csskeyframesrule-findrule

Browser-Kompatibilität