Opis

transition-property określa właściwości CSS, do których należy zastosować efekt przejścia. Sprawdź animowalność własności, którą chcesz użyć.

Efekt przejścia może zwykle wystąpić, gdy użytkownik najedzie na element kursorem (element:hover).

Zawsze określaj właściwość czas trwania (transition-duration) przejścia , w przeciwnym razie czas trwania wynosi 0 i efektu nie będzie.

Przykład
wskaż mnie kursorem myszy...
Kod:
Wartości

transition-property: none|all|property|initial|inherit;

WartośćOpis
all Domyślne. Wszystkie właściwości uzyskają efekt przejścia.
none Żadna właściwość nie uzyska efektu przejścia.
property
width | background 		Definiuje listę nazw właściwości CSS, rozdzielonych przecinkami, których efekt dotyczy.
initial Ustawia tę właściwość na wartość domyślną.
inherit Dziedziczy tę właściwość po elemencie nadrzędnym.
Przykłady:   |     |     |     
Info: Domyślna wartość: all
Dziedziczenie:
Animowalność:
JavaScript: object.style.transitionProperty