Ejemplo
Esperar 2 segundos antes de que comience el efecto de transición:
div {
-webkit-transition-delay: 2s; /* Safari */
transition-delay: 2s;
}
Inténtalo tú mismo " Definición y Uso
La propiedad de transición de delay especifica cuando el efecto de transición se iniciará.
El valor de retardo de transición se define en segundos (s) o milisegundos (ms) .
| Valor por defecto: | 0s |
|---|---|
| Heredado: | no |
| animatable: | no. Read about animatable |
| Versión: | CSS3 |
| la sintaxis de JavaScript: | object .style.transitionDelay="2s" Try it |
Soporte para el 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 por -webkit-, -moz- o -O- especifican la primera versión que funcionaba con un prefijo.
| Propiedad | |||||
|---|---|---|---|---|---|
| transition-delay | 26.0 4.0 -webkit- | 10.0 | 16.0 4.0 -moz- | 6.1 3.1 -webkit- | 12.1 10.5 -o- |
sintaxis CSS
transition-delay:time|initial|inherit;Valores de propiedad
| Valor | Descripción |
|---|---|
| time | Especifica el número de segundos o milisegundos de espera antes de que el efecto de transición se iniciará |
| initial | Establece esta propiedad a su valor por defecto. Lea acerca inicial |
| inherit | Hereda esta propiedad de su elemento padre. Lee sobre heredar |
Páginas relacionadas
CSS tutorial: CSS3 Transitions
Referencia HTML DOM: transitionDelay property