Propriedade Style animationDuration

Definição e uso

animationDuration Define o número de segundos ou milissegundos necessários para a conclusão de um ciclo de animação.

Exemplo

Altere a propriedade animationDuration do elemento <div>:

document.getElementById("myDIV").style.animationDuration = "3s";

Experimente você mesmo

Sintaxe

Retorna a propriedade animationDuration:

objeto.style.animationDuration

Defina a propriedade animationDuration:

objeto.style.animationDuration = "tempo|initial|inherit"

Valor da propriedade

Valor Descrição
tempo Determina a duração necessária para a conclusão da animação. O valor padrão é 0, o que significa que não haverá animação.
initial Defina essa propriedade para seu valor padrão. Veja também initial.
inherit Herda essa propriedade do elemento pai. Veja também inherit.

Detalhes técnicos

Valor padrão: 0
Valor de retorno: Cadeia de caracteres que representa o Propriedade animation-duration.
Versão do CSS: CSS3

Suporte do navegador

animationDuration é uma característica do CSS3 (1999).

Todos os navegadores suportam completamente:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
Suporte Suporte Suporte Suporte Suporte 11

Páginas relacionadas

Manual de referência do CSS:Propriedade animation-duration