Exemplu
Treceți cursorul peste un element div pentru a schimba treptat lățimea și înălțimea acesteia:
document.getElementById("myDIV").style.transitionProperty = "width,height";
Încearcă - l singur » Definiție și utilizare
Proprietatea transitionProperty specifică numele proprietății CSS efectul de tranziție este pentru (efectul de tranziție va începe atunci când aceste modificări de proprietate CSS).
Tip: Un efect de tranziție ar putea apărea în mod tipic atunci când un utilizator Hover peste un element.
Note: specificați întotdeauna proprietatea transitionDuration, în caz contrar durata este 0, iar tranziția va avea nici un efect.
Suport pentru browser-
Proprietatea transitionProperty este acceptată în Internet Explorer 10, Firefox, Opera și Chrome.
Safari susține o alternativă, proprietatea WebkitTransitionProperty.
Notă: Proprietatea transitionProperty nu este acceptată în Internet Explorer 9 și versiunile anterioare.
Sintaxă
Întoarcere proprietatea transitionProperty:
object .style.transitionProperty Setați proprietatea transitionProperty:
object .style.transitionProperty="none|all| Valori de proprietate Valoare Descriere none Nici o proprietate va obține un efect de tranziție all Valoare implicită. Toate proprietățile vor primi un efect de tranziție property Definește o listă separată prin virgulă de CSS numele de proprietate efectul de tranziție este de 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
Detalii tehnice
Valoare implicită: toate Întoarcere Valoare: Un șir, care reprezintă proprietatea de tranziție-proprietate a unui element CSS Versiune CSS3
Pagini similare
Referință CSS: transition-property property de transition-property property
<Style Object