animation-play-state

La propiedad CSS animation-play-state determina si una animación está en ejecución o en pausa. Puede ser consultada para determinar si la animación se está ejecutando. Además, su valor se puede establecer para pausar y reanudar una animación.

Reanudando una animación pausada, ésta empezará en el punto en el que fue pausada, en vez de empezar desde el principio.

/* Single animation */
animation-play-state: running;
animation-play-state: paused;

/* Multiple animations */
animation-play-state: paused, running, running;

/* Global values */
animation-play-state: inherited;
animation-play-state: initial;
animation-play-state: unset;

running

La animación se está ejecutando.

paused

La animación está pausada.

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

Visita animaciones CSS para ver algunos ejemplos.

• Usando animaciones CSS
• AnimationEvent