Definición de .transition-delay en CSS
La propiedad .transition-delay, normalmente utilizada como parte de la taquigrafía de transición, se utiliza para definir un período de tiempo para retrasar el inicio de una transición.
Caso de empleo : propiedad CSS transition-delay
Esta propiedad de CSS habitualmente se emplea de esta forma:
.delay-me {
transition-delay: 0.25s;
}Otro ejemplo más avanzado de .transition-delay es el siguiente de CODEPEN:
Sintaxis de .transition-delay en CSS
transition-delay: time|initial|inherit;Exploradores compatibles con .transition-delay
Los números de la tabla detallan la primera versión del navegador que es completamente compatible con la propiedad.
Los números seguidos de -webkit- detallan la primera versión que funcionó con un prefijo.
| Property | Chrome | Internet Explorer / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| transition-duration | 26.0 4.0 -webkit- | 10.0 | 16.0 4.0 -moz- | 6.1 3.1 -webkit- | 12.1 10.5 -o- |
Referencias técnicas
- transition-delay on W3C
- transition-delay on MDN
- Maintaining CSS Style States using “Infinite” Transition Delays
