Propriedade animationDelay do estilo

Definição e uso

animationDelay Propriedade define quando a animação deve começar.

animationDelay Os valores são definidos em segundos (s) ou milissegundos (ms).

Dica:Permite usar valores negativos,-2s Faz a animação começar imediatamente, mas começar a reprodução no 2º segundo.

Exemplo

Mude a propriedade animationDelay do elemento <div>:

document.getElementById("myDIV").style.animationDelay = "1s";

Experimente você mesmo

Sintaxe

Retorne a propriedade animationDelay:

objeto.style.animationDelay

Defina a propriedade animationDelay:

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

Valor da propriedade

Valor Descrição
tempo Opcional. Define a quantidade de segundos ou milissegundos que a animação deve esperar antes de começar. O valor padrão é 0.
initial Defina essa propriedade como 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： String que representa o Propriedade animation-delay。
Versão do CSS： CSS3

Suporte do navegador

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

Todos os navegadores suportam completamente ele:

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-delay