Proprietà CSS di ritardo di transizione
Esempio
Attendi 2 secondi prima che inizi l'effetto di transizione:
div {
transition-delay: 2s;
}
Definizione e utilizzo
La transition-delay
proprietà specifica quando inizierà l'effetto di transizione.
Il transition-delay
valore è definito in secondi (s) o millisecondi (ms).
Valore di default: | 0s |
---|---|
Ereditato: | no |
Animabile: | no. Leggi su animabile |
Versione: | CSS3 |
sintassi JavaScript: | oggetto .style.transitionDelay="2s" |
Supporto browser
I numeri nella tabella specificano la prima versione del browser che supporta completamente la proprietà.
I numeri seguiti da -webkit-, -moz- o -o- specificano la prima versione che ha funzionato con un prefisso.
Property | |||||
---|---|---|---|---|---|
transition-delay | 26.0 4.0 -webkit- |
10.0 | 16.0 4.0 -moz- |
6.1 3.1 -webkit- |
12.1 10.5 -o- |
Sintassi CSS
transition-delay: time|initial|inherit;
Valori di proprietà
Value | Description |
---|---|
time | Specifies the number of seconds or milliseconds to wait before the transition effect will start |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Pagine correlate
Tutorial CSS: Transizioni CSS
Riferimento HTML DOM: proprietà transitionDelay