CSSKeyframeRule

Baseline Weitgehend verfgbar

Diese Funktion ist gut etabliert und funktioniert auf vielen Gerten und in vielen Browserversionen. Sie ist seit August 2016 browserbergreifend verfgbar.

Mehr erfahren
Vollstndige Kompatibilitt anzeigen

Das CSSKeyframeRule Interface beschreibt ein Objekt, das einen Satz von Stilen fr ein bestimmtes Keyframe reprsentiert. Es entspricht dem Inhalt eines einzelnen Keyframes einer @keyframes At-Regel.

CSSRule CSSKeyframeRule

Instanz-Eigenschaften

Erbt Eigenschaften von seinem Vorfahren CSSRule.

CSSKeyframeRule.keyText: Reprsentiert den Schlssel des Keyframes, wie '10%', '75%'. Das Schlsselwort from wird auf '0%' abgebildet und das Schlsselwort to auf '100%'.
CSSKeyframeRule.style Schreibgeschtzt: Gibt eine CSSStyleDeclaration des mit dem Keyframe verbundenen CSS-Stils zurck.

Instanz-Methoden

Keine spezifischen Methoden; erbt Methoden von seinem Vorfahren CSSRule.

Beispiele

Das CSS enthlt eine Keyframes-At-Regel. Dies wird die erste CSSRule sein, die von document.styleSheets[0].cssRules zurckgegeben wird. myRules[0] gibt ein CSSKeyframesRule Objekt zurck, das einzelne CSSKeyFrameRule-Objekte fr jedes Keyframe enthlt.

css

@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

Spezifikation
CSS Animations Level 1 # interface-csskeyframerule

Browser-Kompatibilitt

Siehe auch

Help improve MDN

War diese bersetzung hilfreich?

Ja Nein

Erfahren Sie, wie Sie beitragen knnen Diese Seite wurde automatisch aus dem Englischen bersetzt.

bersetzung auf GitHub anzeigen Fehler mit dieser bersetzung melden

CSS Object Model (CSSOM)
CSSKeyframeRule
Instanzeigenschaften
1. keyText
2. style
Vererbung
1. CSSRule
Verwandte Seiten fr CSSOM
Anleitungen
1. CSS Declaration
2. CSS-Deklarationsblock
3. Bestimmung der Dimensionen von Elementen
4. Verwaltung der Bildschirmorientierung
5. Verwenden dynamischer Styling-Informationen
6. CSS-Wertserialisierung