Estilo animationPlayState Propiedad
Ejemplo
Pausa de una animación:
document.getElementById("myDIV").style.animationPlayState = "paused";
Definición y uso
La propiedad animationPlayState especifica si la animación se está ejecutando o está en pausa.
Nota: Use esta propiedad para pausar una animación en medio de un ciclo.
Compatibilidad con 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 de Webkit, Moz u O especifican la primera versión que funcionó con un prefijo.
Property | |||||
---|---|---|---|---|---|
animationPlayState | 43.0 4.0 Webkit |
10.0 | 16.0 5.0 Moz |
9.0 4.0 Webkit |
30.0 15.0 Webkit 12.1 12.0 O |
Sintaxis
Devuelve la propiedad animationPlayState:
object.style.animationPlayState
Establezca la propiedad animationPlayState:
object.style.animationPlayState = "running|paused|initial|inherit"
Valores de propiedad
Value | Description |
---|---|
running | Default value. Specifies that the animation is running |
paused | Specifies that the animation is paused |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Detalles técnicos
Valor por defecto: | corriendo |
---|---|
Valor devuelto: | Una cadena, que representa la propiedad animation-play-state de un elemento |
Versión CSS | CSS3 |
páginas relacionadas
Referencia CSS: propiedad animation-play-state