tutoriais mais recente desenvolvimento web
 

Style animationDirection Property

<Estilo de objeto

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