Style transition Property

Najedź na element div stopniowo zmienia swój wygląd:

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

Definicja i Wykorzystanie

Właściwość przejściowy jest właściwością skrótem dla czterech właściwości przejścia:

transitionProperty, transitionDuration, transitionTimingFunction i transitionDelay.

Note: Zawsze określić właściwość transitionDuration, w przeciwnym razie czas trwania wynosi 0, a przejście będzie miało żadnego efektu.

Obiekt przejściowy jest obsługiwany w przeglądarce Internet Explorer 10, Firefox, Opera i Chrome.

Safari obsługuje alternatywę, właściwość WebkitTransition.

Uwaga: Właściwość przejście nie jest obsługiwana w programie Internet Explorer 9 i wcześniejszych wersjach.

Zwraca obiekt przejściowy:

object .style.transition

Ustaw właściwość przejścia:

object .style.transition=" wartości nieruchomości

Wartość	Opis
transitionProperty	Określa nazwę właściwości CSS efekt przejściowy dla
transitionDuration	Określa ile sekund lub milisekund efekt przejściowy trwa do ukończenia
transitionTimingFunction	Określa krzywą prędkości efektami
transitionDelay	Określa się, gdy efekt przejściowy rozpocznie
initial	Ustawia tę właściwość na wartość domyślną. Przeczytaj o początkowy
inherit	Dziedziczy nieruchomość od swojego rodzica. Przeczytaj o dziedziczyć

Domyślna wartość:	wszystkie 0 łatwość 0
Zwracana wartość:	Ciąg, reprezentujący właściwości przejścia elementu
Wersja CSS	CSS3