Esempio
Attendere 2 secondi prima che l'effetto di transizione inizia:
div {
-webkit-transition-delay: 2s; /* Safari */
transition-delay: 2s;
}
Prova tu stesso " Definizione e utilizzo
La proprietà di transizione di ritardo specifica quando l'effetto di transizione avrà inizio.
Il valore di transizione di ritardo è definito in secondi (s) o millisecondi (ms) .
| Valore di default: | 0s |
|---|---|
| Inherited: | no |
| animatable: | no. Read about animatable |
| Versione: | CSS3 |
| sintassi JavaScript: | object .style.transitionDelay="2s" Try it |
Supporto per il browser
I numeri nella tabella indicano la prima versione del browser che supporta pienamente la proprietà.
Numeri seguiti da -webkit-, -moz- o -o- specificano la prima versione che ha lavorato con un prefisso.
| Proprietà | |||||
|---|---|---|---|---|---|
| transition-delay | 26.0 4.0 -webkit- | 10.0 | 16,0 4.0 -moz- | 6.1 3.1 -webkit- | 12.1 10.5 -o- |
CSS Sintassi
transition-delay:time|initial|inherit;I valori delle proprietà
| Valore | Descrizione |
|---|---|
| time | Specifica il numero di secondi o millisecondi di attesa prima che l'effetto di transizione avrà inizio |
| initial | Consente di impostare questa proprietà al suo valore di default. Leggi iniziale |
| inherit | Eredita questo immobile dal suo elemento genitore. Leggi su erediterà |
Pagine correlate
Tutorial CSS: CSS3 Transitions
Di riferimento HTML DOM: transitionDelay property