Atributo animation CSS

Definição e uso

animation A propriedade é uma propriedade abreviada usada para definir seis propriedades de animação：

Notas：Sempre defina animation-duration A menos que a propriedade duration seja especificada, o animação não será reproduzida.

Tutorial de CSS3：Animação CSS

Manual de Referência do DOM HTML：propriedade animation

Use as propriedades abreviadas para vincular a animação ao elemento div:

div
{
animation:mymove 5s infinite;
}

animation: name duration timing-function delay iteration-count direction;

Valor	Descrição
animation-name	Define o nome do keyframe a ser vinculado ao seletor.
animation-duration	Define o tempo total da animação, em segundos ou milissegundos.
animation-timing-function	Define a curva de velocidade da animação.
animation-delay	Define o atraso antes do início da animação.
animation-iteration-count	Define o número de vezes que a animação deve ser reproduzida.
animation-direction	Define se a animação deve ser reproduzida alternadamente em sentido reverso.
animation-fill-mode	Define o valor aplicado além do tempo de execução da animação.
animation-play-state	Define se a animação está em execução ou pausada.

Valor padrão:	none 0 ease 0 1 normal
Herança:	no
Versão:	CSS3
Sintaxe do JavaScript:	object.style.animation="mymove 5s infinite"

Os números na tabela indicam a primeira versão do navegador que suporta completamente essa propriedade.

Os números com -webkit-, -moz- ou -o- indicam a primeira versão da sufixo usada.

Chrome	IE / Edge	Firefox	Safari	Opera
Chrome	Edge	Firefox	Safari	Opera
43.0 4.0 -webkit-	10.0	16.0 5.0 -moz-	9.0 4.0 -webkit-	30.0 15.0 -webkit- 12.0 -o-