Baseline Widely available
Das CSSKeyframeRule
Interface beschreibt ein Objekt, das eine Gruppe von Styles für einen bestimmten Keyframe darstellt. Es entspricht dem Inhalt eines einzelnen Keyframes einer @keyframes
-At-Regel.
Erbt Eigenschaften von seinem Vorfahren CSSRule
.
CSSKeyframeRule.keyText
Repräsentiert den Schlüssel des Keyframes, wie '10%'
, '75%'
. Das from
-Schlüsselwort wird zu '0%'
und das to
-Schlüsselwort wird zu '100%'
zugeordnet.
CSSKeyframeRule.style
Schreibgeschützt
Gibt eine CSSStyleDeclaration
der mit dem Keyframe verbundenen CSS-Stile zurück.
Keine spezifischen Methoden; erbt Methoden von seinem Vorfahren CSSRule
.
Das CSS enthält eine keyframes
-At-Regel. Dies wird die erste CSSRule
sein, die von document.styleSheets[0].cssRules
zurückgegeben wird. myRules[0]
gibt ein CSSKeyframesRule
-Objekt zurück, das einzelne CSSKeyFrameRule
-Objekte für jeden Keyframe enthalten wird.
@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[0]); // a CSSKeyframeRule representing an individual keyframe.
Spezifikationen Browser-Kompatibilität Siehe auch MDN-Feedback-Box War diese Ãbersetzung hilfreich?
Diese Seite wurde automatisch aus dem Englischen übersetzt.
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