Estilo animationDirection Propiedad
Ejemplo
Cambiar la propiedad animationDirection de un elemento <div>:
document.getElementById("myDIV").style.animationDirection = "reverse";
Definición y uso
La propiedad animationDirection establece o devuelve si la animación debe o no reproducirse en reversa en ciclos alternos.
Nota: si la animación está configurada para reproducirse solo una vez, esta propiedad no tendrá efecto.
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 Moz especifican la primera versión que funcionó con un prefijo.
Property | |||||
---|---|---|---|---|---|
animationDirection | 43.0 | 79.0 | 16.0 5.0 Moz |
9.0 | 30.0 |
Sintaxis
Devuelve la propiedad animationDirection:
object.style.animationDirection
Establezca la propiedad animationDirection:
object.style.animationDirection = "normal|reverse|alternate|alternate-reverse|initial|inherit"
Valores de propiedad
Value | Description |
---|---|
normal | Default value. The animation should be played as normal |
reverse | The animation should play in reverse direction |
alternate | The animation will be played as normal every odd time (1,3,5,etc..) and in reverse direction every even time (2,4,6,etc...) |
alternate-reverse | The animation will be played in reverse direction every odd time (1,3,5,etc..) and in a normal direction every even time (2,4,6,etc...) |
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: | normal |
---|---|
Valor de retorno: | Una cadena, que representa la propiedad de dirección de animación de un elemento. |
Versión CSS | CSS3 |
páginas relacionadas
Referencia de CSS: propiedad de dirección de animación