CSS/Eigenschaften/animation-play-state

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

Die Eigenschaft animation-play-state legt fest, ob Animation läuft oder pauserien soll.

erlaubte Werte
  • running:
  • paused: Animation ist gestoppt
  • Vererbung steuernde Werte inherit, initial, unset und revert
  • Defaultwert: running
anwendbar auf alle Elemente, Pseudoelemente ::before und ::after (Unterschied Tag Element Attribut)
Browsersupport Details: caniuse.com
Vererbung nein
animierbar nein
Beispiel
aside {
    animation-play-state: paused;
} 
Die Animation ist gestoppt, kann aber z.B. durch JavaScript aktiviert werden, indem der Wert auf running gesetzt wird.


Weblinks

Siehe auch