Proprietà transition-duration CSS
- la pagina precedente transition-delay
- la pagina seguente transition-property
Definizione e uso
L'attributo transition-duration determina il tempo necessario per completare l'effetto di transizione (in secondi o millisecondi).
Vedere anche:
Corso CSS:Transizione CSS
Manuale HTML DOM:Attributo transitionDuration
Esempio
Fare durare l'effetto di transizione 5 secondi:
div { transition-duration: 5s; }
Sintassi CSS
transition-duration: tempo;
Valore dell'attributo
Valore | Descrizione |
---|---|
tempo |
Definisce il tempo necessario per completare l'effetto di transizione (in secondi o millisecondi). Il valore predefinito è 0, il che significa che non avrà alcun effetto. |
Dettagli tecnici
Valore predefinito: | 0 |
---|---|
Ereditarietà: | no |
Versione: | CSS3 |
Sintassi JavaScript: | oggetto.style.transitionDuration="5s" |
Supporto del browser
I numeri nella tabella indicano la versione del browser che supporta completamente l'attributo.
I numeri con -webkit-, -moz- o -o- indicano la prima versione con prefisso utilizzata.
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- |
- la pagina precedente transition-delay
- la pagina seguente transition-property