propriedades de animação CSS3
Exemplos
Use animação propriedade estenográfica para vincular a um elemento <div>:
div
{
animação: mymove 5 s infinito ; - Webkit-animação: mymove 5 s infinito ; / * Safari e Chrome * /
}
tente »
Suporte a navegadores
Números na tabela representam o primeiro navegador a suportar o número da versão da propriedade.
Imediatamente após a -webkit- digitais, -ms- ou -moz- atrás em apoio do prefixo atribuem primeiro número da versão do browser.
属性 | |||||
---|---|---|---|---|---|
animation | 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- |
padrão: | Nenhum 0 facilidade 0 1 normais |
---|---|
herança: | não |
versão: | CSS3 |
sintaxe JavaScript: | objeto .style.animation = "5s mymove infinita" |
gramática
animation:animation: name duration timing-function delay iteration-count direction fill-mode play-state;;
valor | explicação |
---|---|
animation-name | Especifica o nome a ser obrigado a selecionar os quadros principais |
animação duração | Animação Especifica quantos segundos ou milissegundos |
animation-timing-function | Como configurar a animação vai completar um ciclo |
animação em atraso | Animando antes de iniciar o intervalo de atraso. |
animação iteração contagem | Definir a animação é reproduzida. |
animação direção | Especifica se a voltar a animação. |
animation-fill-mode | Disposições quando a animação não jogar (quando a animação é completa, ou quando há um atraso na animação não começa a reprodução), a ser aplicada ao elemento de estilo. |
animation-play-state | Especifica se a animação está em execução ou em pausa. |
inicial | Defina a propriedade para seu valor padrão. Leia as informações sobre inicial. |
herdar | Propriedades herdadas do elemento pai. Leia as informações sobre initinherital. |
artigos relacionados
tutorial CSS3: CSS3 Animação