CSS3 animation-play-state Propiedad
Ejemplo
Pausar la animación:
animation-play-state:paused;
-webkit-animation-play-state:paused; /* Safari y Chrome */
-webkit-animation-play-state:paused; /* Safari y Chrome */
Pruébalo »
Soporte del navegador
Los números en la tabla indican la primera versión del navegador que admite esta propiedad.
Los números que preceden a -webkit-, -ms- o -moz- indican la primera versión del navegador que admite la propiedad con ese prefijo.
| Propiedad | |||||
|---|---|---|---|---|---|
| animation-play-state | 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- |
Definición de etiqueta e instrucciones de uso
La propiedad animation--play-state especifica si la animación se está ejecutando o está en pausa.
Nota:Usa esta propiedad en JavaScript para pausar la animación durante un ciclo.
| Valor predeterminado: | running |
|---|---|
| Herencia: | no |
| Versión: | CSS3 |
| Sintaxis de JavaScript: | object object.style.animationPlayState="paused" |
Sintaxis
animation-play-state: paused|running;
| Valor | Descripción | Prueba |
|---|---|---|
| paused | Especifica la animación en pausa | |
| running | Especifica la animación en ejecución |
Artículos relacionados
Tutorial de CSS3:Animaciones CSS3
Otras extensiones