Esempio
Passa il mouse sopra un elemento div per cambiare gradualmente il suo aspetto:
document.getElementById("myDIV").style.transition = "all 2s";
Prova tu stesso " Definizione e l'utilizzo
La proprietà di transizione è una proprietà scorciatoia per le quattro proprietà di transizione:
transitionProperty, transitionDuration, transitionTimingFunction e transitionDelay.
Note: Specificare sempre la proprietà transitionDuration, altrimenti la durata è 0, e la transizione non avrà alcun effetto.
Supporto browser
La proprietà di transizione è supportata in Internet Explorer 10, Firefox, Opera e Chrome.
Safari supporta in alternativa, la proprietà WebkitTransition.
Nota: La proprietà di transizione non è supportata in Internet Explorer 9 e versioni precedenti.
Sintassi
Restituire la proprietà di transizione:
object .style.transition Impostare la proprietà di transizione:
object .style.transition=" I valori delle proprietà Valore Descrizione transitionProperty Specifica il nome della proprietà CSS l'effetto di transizione è per transitionDuration Specifica il numero di secondi o millesimi di secondo l'effetto di transizione necessario per completare transitionTimingFunction Specifica la curva di velocità dell'effetto di transizione transitionDelay Definisce quando 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à
Dettagli tecnici
Valore di default: tutti 0 facilità 0 Valore di ritorno: Una stringa, che rappresenta la struttura di un elemento di transizione CSS Version CSS3
Pagine correlate
Di riferimento CSS: transition property
<Stile di oggetto