Exemplo
Alterar a propriedade animationDirection de um <div> elemento:
document.getElementById("myDIV").style.animationDirection = "reverse";
Tente você mesmo " Definição e Uso
Os conjuntos de propriedades animationDirection ou retornos ou não a animação deve jogar no reverso em ciclos alternados.
Note: Se a animação está definido para jogar apenas uma vez, esta propriedade não terá nenhum efeito.
Suporte navegador
Os números na tabela especificar a primeira versão do navegador que suporta totalmente a propriedade.
Números seguidos de Moz especificar a primeira versão que trabalhou com um prefixo.
Propriedade | |||||
---|---|---|---|---|---|
animationDirection | 43,0 | Não suportado | 16,0 5.0 Moz | Não suportado | 30,0 |
Sintaxe
Devolver o imóvel animationDirection:
object .style.animationDirection
Defina a propriedade animationDirection:
object .style.animationDirection="normal|reverse|alternate|alternate-reverse|initial|inherit"
Valores de propriedade
Valor | Descrição |
---|---|
normal | Valor padrão. A animação deve ser jogado como normal |
reverse | A animação deve desempenhar no sentido inverso |
alternate | A animação será reproduzida como normal a cada tempo estranho (1,3,5,etc..) e no sentido inverso a cada momento, mesmo (2,4,6,etc...) |
alternate-reverse | A animação será disputado em sentido inverso a cada momento ímpar (1,3,5,etc..) e em uma direção normal de cada vez, mesmo (2,4,6,etc...) |
initial | Define essa propriedade para seu valor padrão. Leia sobre inicial |
inherit | Herda esta propriedade a partir de seu elemento pai. Leia sobre herdar |
Detalhes técnicos
Valor padrão: | normal |
---|---|
Valor de retorno: | Uma corda, que representa a propriedade de animação-sentido de um elemento |
CSS Versão | CSS3 |
Páginas relacionadas
Referência CSS: animation-direction property
<Estilo de objeto