Propriedade de duração da animação CSS
Exemplo
Especifique que a animação deve completar um ciclo em 3 segundos:
div {
animation-duration: 3s;
}
Definição e uso
A animation-duration
propriedade define quanto tempo uma animação deve levar para completar um ciclo.
Valor padrão: | 0 |
---|---|
Herdado: | não |
Animavel: | não. Leia sobre animáveis |
Versão: | CSS3 |
Sintaxe JavaScript: | objeto .style.animationDuration="3s" |
Suporte ao navegador
Os números na tabela especificam a primeira versão do navegador que oferece suporte total à propriedade.
Números seguidos por -webkit-, -moz- ou -o- especificam a primeira versão que funcionou com um prefixo.
Property | |||||
---|---|---|---|---|---|
animation-duration | 43.0 3.0 -webkit- |
10.0 | 16.0 5.0 -moz- |
9.0 4.0 -webkit- |
30.0 15.0 -webkit- 12.0 -o- |
Sintaxe CSS
animation-duration: time|initial|inherit;
Valores de propriedade
Value | Description | Play it |
---|---|---|
time | Specifies the length of time an animation should take to complete one cycle. This can be specified in seconds or milliseconds. Default value is 0, which means that no animation will occur | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
Páginas relacionadas
Tutorial CSS: Animações CSS
Referência HTML DOM: propriedade animationDuration