proprietà Style transition

definizione e uso

transition l'attributo è una abbreviazione delle quattro proprietà di transizione:

nota:si prega di specificare sempre proprietà transitionDurationaltrimenti la durata è 0, la transizione non sarà valida.

vedi anche:

Manuale CSS:proprietà transition

esempio

posiziona il mouse sopra l'elemento div per cambiare gradualmente il suo aspetto:

document.getElementById("myDIV").style.transition = "all 2s";

prova personalmente

sintassi

ritorna la proprietà transition:

oggetto.style.transition

imposta la proprietà transition:

oggetto.style.transition = "property duration timing-function delay|initial|inherit"

valore dell'attributo

valore descrizione
transitionProperty regola il nome dell'attributo CSS su cui si basa l'effetto di transizione.
transitionDuration regola quanto tempo in secondi o millisecondi ci vuole per completare l'effetto di transizione.
transitionTimingFunction regola la curva di velocità dell'effetto di transizione.
transitionDelay definisce quando inizia l'effetto di transizione.
initial imposta questa proprietà al suo valore predefinito. Vedi initial.
inherit eredita questa proprietà dal suo elemento padre. Vedi inherit.

dettagli tecnici

valore predefinito: all 0 ease 0
valore di ritorno: stringa che rappresenta l'elemento proprietà transition.
Versione di CSS: CSS3

Supporto del browser

I numeri nella tabella indicano la versione del browser che supporta completamente questa proprietà.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
26.0 10.0 16.0 6.1 12.1