Propriedade Style animationDirection

Definição e uso

animationDirection Propriedade que define ou retorna se a animação deve ser reproduzida ao contrário no ciclo alternado.

Notas:Se a animação for configurada para ser reproduzida apenas uma vez, essa propriedade será inválida.

Exemplo

Mude a propriedade animationDirection do elemento <div>:

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

Experimente você mesmo

Sintaxe

Retorne a propriedade animationDirection:

objeto.style.animationDirection

Defina a propriedade animationDirection:

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

Valor da propriedade

Valor Descrição
normal Valor padrão. A animação deve ser reproduzida normalmente.
reverse A animação deve ser reproduzida ao contrário.
alternate A animação será reproduzida ao contrário em cada número ímpar (1, 3, 5, etc.) e em cada número par (2, 4, 6, etc...).
alternate-reverse A animação será reproduzida ao contrário em cada número ímpar (1, 3, 5, etc.) e em cada número par (2, 4, 6, etc...).
initial Defina essa propriedade para seu valor padrão. Veja também initial.
inherit Herda essa propriedade do elemento pai. Veja também inherit.

Detalhes técnicos

Valor padrão: normal
Valor de retorno: Cadeia de caracteres que representa o Propriedade animation-direction.
Versão do CSS: CSS3

Suporte do navegador

animationDirection é uma característica do CSS3 (1999).

Todos os navegadores suportam completamente:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
Suporte Suporte Suporte Suporte Suporte 11

Páginas relacionadas

Manual de referência do CSS:Propriedade animation-direction