CSSKeyframeRule: keyText-Eigenschaft

Baseline Widely available

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

Die keyText-Eigenschaft der Schnittstelle CSSKeyframeRule repräsentiert den Keyframe-Selektor als kommaseparierte Liste von Prozentwerten. Die Schlüsselwörter from und to entsprechen dabei 0 % bzw. 100 %.

Wert

Ein String.

Ausnahmen

SyntaxError

Wird ausgelöst, wenn keyText mit einem ungültigen Keyframe-Selektor aktualisiert wird. In diesem Fall bleibt keyText unverändert.

Beispiele

Das CSS enthält eine @keyframes-Regel. Diese wird die erste CSSRule sein, die durch document.styleSheets[0].cssRules zurückgegeben wird. myRules[0] gibt ein CSSKeyframesRule-Objekt zurück, das einzelne CSSKeyFrameRule-Objekte für jedes Keyframe enthalten wird.

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[0].keyText); // a string containing 0%

Spezifikationen

Specification
CSS Animations Level 1
# dom-csskeyframerule-keytext

Browser-Kompatibilität

BCD tables only load in the browser