Atributo Style animationDelay

Definición y uso

animationDelay Propiedad que define cuándo comienza la animación.

animationDelay El valor se define en segundos (s) o milisegundos (ms).

Consejo:Se permite el uso de valores negativos,-2s Hacer que la animación comience inmediatamente, pero comience a reproducirse en la posición 2 segundos.

Ejemplo

Cambiar la propiedad animationDelay del elemento <div>:

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

Intente hacerlo usted mismo

Sintaxis

Retornar la propiedad animationDelay:

object.style.animationDelay

Establecer la propiedad animationDelay:

object.style.animationDelay = "time|initial|inherit"

Valor del atributo

Valor Descripción
time Opcional. Define los segundos o milisegundos que debe esperar antes de comenzar la animación. El valor predeterminado es 0.
initial Establezca esta propiedad en su valor predeterminado. Consulte initial.
inherit Hereda esta propiedad del elemento padre. Consulte inherit.

Detalles técnicos

Valor predeterminado: 0
Valor de retorno: Cadena que representa el Atributo animation-delay.
Versión de CSS: CSS3

Compatibilidad del navegador

animationDelay es una característica de CSS3 (1999).

Todos los navegadores lo admiten completamente:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
Soporte Soporte Soporte Soporte Soporte 11

Páginas relacionadas

Manual de referencia de CSS:Atributo animation-delay