Najnowsze tutoriale tworzenie stron internetowych
 

Style transitionProperty Property

<Style obiektu

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

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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