animation-play-state

Die animation-play-state CSS Eigenschaft bestimmt, ob eine Animation abläuft oder pausiert ist. Der Wert dieser Eigenschaft kann abgefragt werden, um festzustellen, ob die Animation gerade abläuft oder nicht; darüber hinaus kann der Wert auch gesetzt werden, um die das Abspielen der Animation anzuhalten und fortzusetzen.

Wenn eine pausierte Animation fortgesetzt wird, wird sie dort gestartet, wo sie angehalten wurde, nicht vom Anfang der Animationssequenz.

/* Einzelne Animation */
animation-play-state: running;
animation-play-state: paused;

/* Mehrere Animationen */
animation-play-state: paused, running, running;

/* Globale Werte */
animation-play-state: inherit;
animation-play-state: initial;
animation-play-state: unset;

running

Die Animation läuft aktuell ab.

paused

Die Animation ist aktuell pausiert.

<single-animation-play-state>#
wobei 
<single-animation-play-state> = running | paused

Siehe CSS Animationen für Beispiele.

• CSS Animationen nutzen
• AnimationEvent