Exemplo
Alterar a animação de um <div> elemento, usando a propriedade de taquigrafia:
// Code for Chrome, Safari and Opera
document.getElementById("myDIV").style.WebkitAnimation = "mynewmove 4s 2";
// Standard syntax
document.getElementById("myDIV").style.animation =
"mynewmove 4s 2"; Tente você mesmo " Definição e Uso
A propriedade de animação é uma propriedade estenográfica para seis das propriedades de animação:
animationName
animationDuration
animationTimingFunction
animationDelay
animationIterationCount
animationDirection
Note: Sempre especifique a propriedade animationDuration, caso contrário, a duração é de 0, e nunca vai ser jogado.
Suporte navegador
Os números na tabela especificar a primeira versão do navegador que suporta totalmente a propriedade.
Números seguidos por Webkit, Moz, ou O especificar a primeira versão que trabalhou com um prefixo.
| Propriedade | |||||
|---|---|---|---|---|---|
| animation | 43,0 4.0 Webkit | 10.0 | 16,0 5.0 Moz | 4.0 Webkit | 30,0 15,0 Webkit 12.1 12,0 -o- |
Nota: Chrome, Safari e Opera apoiar uma alternativa, a propriedade WebkitAnimation.
Sintaxe
Devolver a propriedade de animação:
object .style.animation Defina a propriedade de animação:
object .style.animation=" Valores de propriedade Valor Descrição animationName Especifica o nome do quadro-chave que você deseja vincular ao selector animationDuration Especifica quantos segundos ou milissegundos uma animação leva para completar
animationTimingFunction Especifica a curva de velocidades da animação animationDelay Especifica um atraso antes que a animação vai começar
animationIterationCount Especifica quantas vezes uma animação deve ser jogado animationDirection Especifica se a animação deve jogar em sentido inverso em ciclos alternados animationFillMode Especifica que valores são aplicados pela animação fora do tempo que está executando animationPlayState Especifica se a animação está em execução ou em pausa 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: Nenhum 0 facilidade 0 1 normal, nenhum running Valor de retorno: A String, que representa a propriedade de animação de um elemento CSS Versão CSS3
Páginas relacionadas
Referência CSS: animation property
<Estilo de objeto