Style transition Property

Treceți cursorul peste un element div pentru a schimba treptat aspectul său:

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

Definiție și utilizare

Proprietatea de tranziție este o proprietate prescurtare pentru cele patru proprietăți de tranziție:

transitionProperty, transitionDuration, transitionTimingFunction și transitionDelay.

Note: specificați întotdeauna proprietatea transitionDuration, în caz contrar durata este 0, iar tranziția va avea nici un efect.

Proprietatea de tranziție este acceptată în Internet Explorer 10, Firefox, Opera și Chrome.

Safari susține o alternativă, proprietatea WebkitTransition.

Notă: Proprietatea de tranziție nu este acceptată în Internet Explorer 9 și versiunile anterioare.

Întoarcere proprietatea de tranziție:

object .style.transition

Setați proprietatea de tranziție:

object .style.transition=" Valori de proprietate

Valoare	Descriere
transitionProperty	Specifică numele proprietății CSS efectul de tranziție este
transitionDuration	Specifică cât de multe secunde sau milisecunde efectul de tranziție ia pentru a finaliza
transitionTimingFunction	Specifică curba de viteză a efectului de tranziție
transitionDelay	Definește atunci când efectul de tranziție va începe
initial	Setează această proprietate la valoarea implicită. Citiți despre inițială
inherit	Mosteneste această proprietate de la elementul părinte. Citiți despre moștenesc

Valoare implicită:	toate 0 0 ușurință
Întoarcere Valoare:	Un șir, care reprezintă proprietatea de tranziție a unui element
CSS Versiune	CSS3