Proprietà transition-duration CSS

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;
}

Prova personalmente

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-