Atributo animation-play-state CSS

Definición y uso

animation-play-state La propiedad define si la animación está en reproducción o pausada.

Notas:Puede usar esta propiedad en JavaScript para pausar la animación durante la reproducción.

Véase también:

Tutoriales de CSS3:Animación de CSS

Manual de referencia de HTML DOM:Propiedad animationPlayState

Ejemplo

Pausar animación:

div
{
animation-play-state:paused;
}

Prueba tu mismo

Sintaxis de CSS

animation-play-state: paused|running;
Valor Descripción Pruebas
paused Define que la animación ha sido pausada. Pruebas
running Define que la animación está en reproducción. Pruebas

Detalles técnicos

Valor por defecto: running
Herencia: no
Versión: CSS3
Sintaxis de JavaScript: object.style.animationPlayState="paused"

Compatibilidad del navegador

Las cifras en la tabla indican la primera versión del navegador que admite completamente la propiedad.

Las cifras con -webkit-, -moz- o -o- indican la primera versión que utiliza el prefijo.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
43.0
4.0 -webkit-		 10.0 16.0
5.0 -moz-		 9.0
4.0 -webkit-		 30.0
15.0 -webkit-
12.0 -o-