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 August 2016.
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
keyTextmit einem ungültigen Keyframe-Selektor aktualisiert wird. In diesem Fall bleibtkeyTextunverä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.
@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].keyText); // a string containing 0%
Spezifikationen
| Specification |
|---|
| CSS Animations Level 1 # dom-csskeyframerule-keytext |
Browser-Kompatibilität
Loading…