Atributo transition-delay de CSS

Definición y uso

El atributo transition-delay especifica cuándo comienza el efecto de transición.

El valor de transition-delay se expresa en segundos o milisegundos.

Véase también:

Tutorial de CSS:Transiciones de CSS

Manual de referencia de HTML DOM:Atributo transitionDelay

Ejemplo

Esperar 2 segundos antes de comenzar el efecto de transición:

div {
  transition-delay: 2s;
}

Prueba por tu cuenta

Sintaxis de CSS

transition-delay: tiempo;

Valor del atributo

Valor Descripción
tiempo Define el tiempo de espera necesario antes de que comience el efecto de transición, en segundos o milisegundos.

Detalles técnicos

Valor por defecto: 0
Herencia: no
Versión: CSS3
Sintaxis de JavaScript: objeto.style.transitionDelay="2s"

Compatibilidad del navegador

Los números en la tabla indican la primera versión del navegador que admite completamente la propiedad.

Los números con -webkit- o -moz- indican la primera versión con prefijo utilizada.

Chrome IE / Edge Firefox Safari Opera
26.0
4.0 -webkit-		 10.0 16.0
4.0 -moz-		 6.1
3.1 -webkit-		 12.1
10.5 -o-