Style animationPlayState Propiedad
Objeto StyleEjemplo
Pausar una animación:
document.getElementById("myDIV").style.animationPlayState="paused";
Pruébalo »
Definición y uso
La propiedad animationPlayState especifica si la animación está en ejecución o en pausa.
Nota:Utilice esta propiedad para pausar una animación que se esté reproduciendo.
Compatibilidad del navegador
Internet Explorer 10, Firefox y Opera admiten la propiedad animationPlayState.
Safari y Chrome admiten una propiedad alternativa a esta, la propiedad WebkitAnimationPlayState.
Nota:Internet Explorer 9 y versiones anteriores no admiten la propiedad animationPlayState.
Sintaxis
Devuelve la propiedad animationPlayState:
object.style.animationPlayState
Establece la propiedad animationPlayState:
object.style.animationPlayState="running|paused|initial|inherit"
Valor de la propiedad
| Valor | Descripción |
|---|---|
| running | Valor predeterminado. Especifica que la animación está en ejecución. |
| paused | Especifica que la animación está en pausa. |
| initial | Establece esta propiedad a su valor predeterminado. Consulteinitial。 |
| inherit | Hereda esta propiedad del elemento padre. Consulteinherit。 |
Detalles técnicos
| Valor predeterminado: | running |
|---|---|
| Valor de retorno: | Una cadena que representa la propiedad animation-play-state del elemento. |
| Versión CSS | CSS3 |
Artículos relacionados
Manual de referencia CSS:Propiedad animation-play-state
Otras extensiones