CSSKeyframesRule: findRule() Methode
Baseline
Weitgehend verfügbar
Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit August 2016 browserübergreifend verfügbar.
Die findRule() Methode des CSSKeyframeRule Schnittstellen findet die CSSKeyFrameRule, die mit dem angegebenen Keyframe-Selektor übereinstimmt.
Syntax
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
fromoderto
Beachten Sie, dass die Anzahl und Reihenfolge der Werte im angegebenen Keyframe-Selektor mit denen der angestrebten Keyframe-Regel(n) übereinstimmen müssen. Leerzeichen werden ignoriert.
Rückgabewert
Eine CSSKeyframeRule, welche die letzte übereinstimmende Regel ist. Wenn keine Regeln gefunden werden, wird nichts zurückgegeben.
Beispiele
Das CSS enthält eine Keyframes-Regel. Dies wird die erste von document.styleSheets[0].cssRules zurückgegebene CSSRule sein. 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
Spezifikationen
| Spezifikation |
|---|
| CSS Animations Level 1 # interface-csskeyframesrule-findrule |