Ejemplo
Pausa de una animación:
// Code for Chrome, Safari, and Opera
document.getElementById("myDIV").style.WebkitAnimationPlayState = "paused";
// Standard syntax
document.getElementById("myDIV").style.animationPlayState = "paused"; Inténtalo tú mismo " Definición y Uso
La propiedad animationPlayState especifica si la animación se está ejecutando o en pausa.
Note: Utilice esta propiedad para hacer una pausa en una animación en medio de un ciclo.
Soporte del navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con la propiedad.
Los números seguidos por Webkit, Moz, o O especifican la primera versión que trabajó con un prefijo.
| Propiedad | |||||
|---|---|---|---|---|---|
| animationPlayState | 43.0 4.0 Webkit | 10.0 | 16.0 5,0 Moz | 4.0 Webkit | 30.0 15.0 Webkit 12.1 12,0 O |
Nota: Chrome, Safari y Opera soportan una alternativa, la propiedad WebkitAnimation.
Sintaxis
Devolver la propiedad animationPlayState:
object .style.animationPlayState Establecer la propiedad animationPlayState:
object .style.animationPlayState="running|paused|initial|inherit"
Valores de propiedad
| Valor | Descripción |
|---|---|
| running | Valor por defecto. Especifica que la animación se está ejecutando |
| paused | Especifica que la animación está en pausa |
| initial | Establece esta propiedad a su valor por defecto. Lea acerca inicial |
| inherit | Hereda esta propiedad de su elemento padre. Lea acerca de heredar |
Detalles técnicos
| Valor por defecto: | corriendo |
|---|---|
| Valor de retorno: | Una cadena, que representa la propiedad-play-estado de animación de un elemento |
| Versión CSS | CSS3 |
Páginas relacionadas
Referencia CSS: animation-play-state property
<Estilo de objeto