Propriedade de atraso de animação de estilo
Exemplo
Alterando a propriedade animationDelay de um elemento <div>:
document.getElementById("myDIV").style.animationDelay = "1s";
Definição e uso
A propriedade animationDelay define quando a animação começará.
O valor animationDelay é definido em segundos (s) ou milissegundos (ms).
Dica: Valores negativos são permitidos, -2s faz a animação começar de uma vez, mas começa 2 segundos na animação.
Suporte ao navegador
Os números na tabela especificam a primeira versão do navegador que oferece suporte total à propriedade.
Números seguidos por Moz especificam a primeira versão que funcionou com um prefixo.
Property | |||||
---|---|---|---|---|---|
animationDelay | 43.0 | 79.0 | 16.0 5.0 Moz |
9.0 | 30.0 |
Sintaxe
Retorne a propriedade animationDelay:
object.style.animationDelay
Defina a propriedade animationDelay:
object.style.animationDelay = "time|initial|inherit"
Valores de propriedade
Value | Description |
---|---|
time | Optional. Defines the number of seconds or milliseconds to wait before the animation will start. Default value is 0 |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Detalhes técnicos
Valor padrão: | 0 |
---|---|
Valor de retorno: | Uma String, representando a propriedade de atraso de animação de um elemento |
Versão CSS | CSS3 |
Páginas relacionadas
Referência CSS: propriedade de atraso de animação