Propriedade animation-duration CSS

Definição e uso

animation-duration A propriedade define o tempo necessário para completar um ciclo de animação, em segundos ou milissegundos.

Veja também:

Tutorial CSS3:Animação CSS

Manual HTML DOM:Propriedade animationDuration

Exemplo

Defina um nome para a animação @keyframes:

div {
  animation-duration: 3s;
}

Experimente você mesmo

Sintaxe CSS

animation-duration: time;
Valor Descrição
time Define o tempo gasto para completar a animação. O valor padrão é 0, o que significa que não há efeito de animação.

Detalhes técnicos

Valor padrão: 0
Herança: no
Versão: CSS3
Sintaxe JavaScript: object.style.animationDuration="3s"

Suporte do navegador

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

Números com -webkit-, -moz- ou -o- indicam a primeira versão com suporte ao prefixo.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
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-