Proprietà di transizione di stileDuration
Esempio
Accelera l'effetto di transizione:
document.getElementById("myDIV").style.transitionDuration = "1s";
Definizione e utilizzo
La proprietà transitionDuration imposta o restituisce il numero di secondi (s) o millisecondi (ms) necessari per il completamento di un effetto di transizione.
Supporto browser
I numeri nella tabella specificano la prima versione del browser che supporta completamente la proprietà.
Property | |||||
---|---|---|---|---|---|
transitionDuration | 26.0 | 10.0 | 16.0 | 6.1 3.1 WebkitTransitionDuration |
12.1 |
Sintassi
Restituisce la proprietà transitionDuration:
object.style.transitionDuration
Imposta la proprietà transitionDuration:
object.style.transitionDuration = "time|initial|inherit"
Valori di proprietà
Value | Description |
---|---|
time | Specifies how many seconds or milliseconds a transition effect takes to complete. Default value is 0, meaning there will be no effect |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Dettagli tecnici
Valore di default: | 0 |
---|---|
Valore di ritorno: | Una stringa, che rappresenta la proprietà della durata della transizione di un elemento |
Versione CSS | CSS3 |
Pagine correlate
Riferimento CSS: proprietà della durata della transizione
❮ Oggetto stile