Esempio
Passa il mouse sopra un elemento div per cambiare gradualmente la sua larghezza e altezza:
document.getElementById("myDIV").style.transitionProperty = "width,height";
Prova tu stesso " Definizione e l'utilizzo
La proprietà transitionProperty specifica il nome della proprietà CSS l'effetto di transizione è per (l'effetto di transizione inizierà quando le modifiche apportate alle proprietà CSS specificate).
Tip: Un effetto di transizione potrebbe tipicamente verificarsi quando un utente hover su un elemento.
Note: Specificare sempre la proprietà transitionDuration, altrimenti la durata è 0, e la transizione non avrà alcun effetto.
Supporto browser
La proprietà transitionProperty è supportata in Internet Explorer 10, Firefox, Opera e Chrome.
Safari supporta in alternativa, la proprietà WebkitTransitionProperty.
Nota: La proprietà transitionProperty non è supportata in Internet Explorer 9 e versioni precedenti.
Sintassi
Restituire la proprietà transitionProperty:
object .style.transitionProperty Impostare la proprietà transitionProperty:
object .style.transitionProperty="none|all| I valori delle proprietà Valore Descrizione none No proprietà otterrà un effetto di transizione all Valore di default. Tutte le proprietà avranno un effetto di transizione property Definisce un elenco separato da virgole di nomi di proprietà CSS l'effetto di transizione è per 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 Valore di ritorno: Una stringa, che rappresenta la struttura di transizione-struttura di un elemento CSS Version CSS3
Pagine correlate
Di riferimento CSS: transition-property property
<Stile di oggetto