Propiedad Style animationDirection

Definición y uso

animationDirection Configura o devuelve si la animación debe reproducirse al revés en el ciclo alternativo.

Comentarios:Si la animación se configura para reproducirse solo una vez, esta propiedad será ineficaz.

Ejemplo

Cambiar la propiedad animationDirection del elemento <div>:

document.getElementById("myDIV").style.animationDirection = "reverse";

Intente usted mismo

Sintaxis

Retornar la propiedad animationDirection:

objeto.style.animationDirection

Configurar la propiedad animationDirection:

objeto.style.animationDirection = "normal|reverse|alternate|alternate-reverse|initial|inherit"

Valor de la propiedad

Valor Descripción
normal Valor predeterminado. La animación debe reproducirse normalmente.
reverse La animación debe reproducirse al revés.
alternate La animación se reproducirá en sentido normal en cada número impar (1, 3, 5, etc.) y al revés en cada número par (2, 4, 6, etc...).
alternate-reverse La animación se reproducirá al revés en cada número impar (1, 3, 5, etc.) y se reproducirá en sentido normal en cada número par (2, 4, 6, etc...).
initial Establezca esta propiedad en su valor predeterminado. Consulte initial.
inherit Hereda esta propiedad de su elemento padre. Consulte inherit.

Detalles técnicos

Valor predeterminado: normal
Valor de retorno: Cadena de caracteres que representa el Atributo animation-direction.
Versión de CSS: CSS3

Compatibilidad del navegador

animationDirection es una característica de CSS3 (1999).

Todos los navegadores lo admiten completamente:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
Apoyo Apoyo Apoyo Apoyo Apoyo 11

Páginas relacionadas

Manual de referencia de CSS:Atributo animation-direction