CSS/Eigenschaften/animation-play-state

Browserunterstützung
caniuse.com

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

Standardwert

running

anwendbar auf

alle Elemente, Pseudoelemente ::before und ::after

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.

Siehe auch

• 

  mehrstufige Animationen

  komplexe Abfolgen und Bewegungsmuster

  • keyframes (Wegpunkte für die Animation)
  • Dauer und Wiederholungen
   

Weblinks

• Spezifikation (W3C): animation-play-state
• MDN: animation-play-state
• Details: caniuse.com