Exemplo
Fazer a animação completa em dois segundos:
div {
-webkit-animation-duration: 2s; /* Chrome, Safari, Opera */
animation-duration: 2s;
}
Tente você mesmo " Definição e Uso
A propriedade de animação duração define quantos segundos ou milissegundos uma animação leva para completar um ciclo.
| Valor padrão: | 0 |
|---|---|
| Herdado: | no |
| Animatable: | no. Read about animatable |
| Versão: | CSS3 |
| sintaxe JavaScript: | object .style.animationDuration="3s" Try it |
Suporte a navegadores
Os números na tabela especificar a primeira versão do browser que suporta totalmente a propriedade.
Números seguido por -webkit-, -moz-, ou O- especificar a primeira versão que trabalhou com um prefixo.
| Propriedade | |||||
|---|---|---|---|---|---|
| animation-duration | 43,0 3.0 -webkit- | 10.0 | 16,0 5.0 -moz- | 9 4.0 -webkit- | 30,0 15,0 -webkit- 12,0 -o- |
CSS Syntax
animation-duration:time|initial|inherit;Valores de propriedade
| Valor | Descrição | Jogue |
|---|---|---|
| time | Especifica o comprimento de uma animação leva para terminar. O valor padrão é 0, o que significa que não haverá animação | Jogue " |
| initial | Define essa propriedade para o valor padrão. Leia sobre inicial | |
| inherit | Herda essa propriedade do seu elemento pai. Leia sobre herdar |
Páginas relacionadas
Tutorial CSS3: CSS3 animações
Referência HTML DOM: animationDuration property