CSSKeyframesRule: findRule()-Methode

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 Anzahl und Reihenfolge der Werte im angegebenen Keyframe-Selektor mit denen der angezielten Keyframe-Regel(n) übereinstimmen müssen. Leerzeichen werden ignoriert.

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

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.

@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