Ejemplo
Cambiar la propiedad animationDirection de un <div> elemento:
document.getElementById("myDIV").style.animationDirection = "reverse";
Inténtalo tú mismo " Definición y Uso
Los conjuntos de propiedades animationDirection o devoluciones si la animación se reproduzca a la inversa en ciclos alternos.
Note: Si la animación está llamada a desempeñar una sola vez, esta propiedad no tendrá ningún efecto.
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 Moz especifican la primera versión que trabajó con un prefijo.
| Propiedad | |||||
|---|---|---|---|---|---|
| animationDirection | 43.0 | No soportado | 16.0 5,0 Moz | No soportado | 30.0 |
Sintaxis
Devolver la propiedad animationDirection:
object .style.animationDirection Establecer la propiedad animationDirection:
object .style.animationDirection="normal|reverse|alternate|alternate-reverse|initial|inherit"
Valores de propiedad
| Valor | Descripción |
|---|---|
| normal | Valor por defecto. La animación se debe jugar con normalidad |
| reverse | La animación debe desempeñar en la dirección inversa |
| alternate | La animación se reproducirá de forma normal cada vez que extraño (1,3,5,etc..) y en dirección inversa cada vez que incluso (2,4,6,etc...) |
| alternate-reverse | La animación se reproducirá en la dirección inversa cada vez que extraño (1,3,5,etc..) y en una dirección normal cada vez que incluso (2,4,6,etc...) |
| 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: | normal |
|---|---|
| Valor de retorno: | Una cadena, que representa la propiedad de animación-dirección de un elemento |
| Versión CSS | CSS3 |
Páginas relacionadas
Referencia CSS: animation-direction property
<Estilo de objeto