Estilo animationDelay Propiedad
Ejemplo
Cambiar la propiedad animationDelay de un elemento <div>:
document.getElementById("myDIV").style.animationDelay = "1s";
Definición y uso
La propiedad animationDelay define cuándo comenzará la animación.
El valor animationDelay se define en segundos (s) o milisegundos (ms).
Sugerencia: se permiten valores negativos, -2s hace que la animación comience de inmediato, pero comienza 2 segundos después de la animación.
Compatibilidad con navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con la propiedad.
Los números seguidos de Moz especifican la primera versión que funcionó con un prefijo.
Property | |||||
---|---|---|---|---|---|
animationDelay | 43.0 | 79.0 | 16.0 5.0 Moz |
9.0 | 30.0 |
Sintaxis
Devuelve la propiedad animationDelay:
object.style.animationDelay
Establezca la propiedad animationDelay:
object.style.animationDelay = "time|initial|inherit"
Valores de propiedad
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 |
Detalles técnicos
Valor por defecto: | 0 |
---|---|
Valor devuelto: | Una cadena, que representa la propiedad de retraso de animación de un elemento |
Versión CSS | CSS3 |
páginas relacionadas
Referencia de CSS: propiedad de retraso de animación