Przykład
Najedź na element div stopniowo zmienić jego szerokość i wysokość:
document.getElementById("myDIV").style.transitionProperty = "width,height";
Spróbuj sam " Definicja i Wykorzystanie
Nieruchomość transitionProperty określa nazwę właściwości CSS efekt przejściowy dla (efekt przejściowy rozpocznie się gdy określone zmiany własności CSS).
Tip: efekt przejścia może typowo pojawić się podczas zawisu użytkownika nad elementem.
Note: Zawsze określić właściwość transitionDuration, w przeciwnym razie czas trwania wynosi 0, a przejście będzie miało żadnego efektu.
Wsparcie przeglądarka
Nieruchomość transitionProperty jest obsługiwana w programie Internet Explorer 10, Firefox, Opera i Chrome.
Safari obsługuje alternatywę, właściwość WebkitTransitionProperty.
Uwaga: Właściwość transitionProperty nie jest obsługiwana w programie Internet Explorer 9 i wcześniejszych wersjach.
Składnia
Zwraca właściwość transitionProperty:
object .style.transitionProperty
Ustaw właściwość transitionProperty:
object .style.transitionProperty="none|all| wartości nieruchomości Wartość Opis none No Właściciel dostanie efekt przejścia all Domyślna wartość. Wszystkie właściwości dostanie efekt przejścia property Definiuje oddzielonych przecinkami listę nazw właściwości CSS efekt przejściowy dla initial Ustawia tę właściwość na wartość domyślną. Przeczytaj o początkowy inherit Dziedziczy nieruchomość od swojego rodzica. Przeczytaj o dziedziczyć
Szczegóły techniczne
Domyślna wartość: wszystko Zwracana wartość: Ciąg, co stanowi właściwość przejściowy nieruchomego elementu Wersja CSS CSS3
Podobne strony
Odniesienie CSS transition-property property
<Style obiektu