Właściwość CSS transition-duration

Definicja stylu, przeznaczenie i użycie transition-duration

Styl transition-duration definiuje, ile sekund lub milisekund (ms) jest potrzebnych do ukończenia efektu przejścia.

Wartość	Opis
time	Definiuje, ile sekund lub milisekund trwa efekt przejścia. Wartość domyślna to 0, co oznacza, że nie będzie żadnego efektu.
initial	Ustawia tę właściwość na jej wartość domyślną.
inherit	Dziedziczy tę właściwość z elementu nadrzędnego.

transition-duration: time | initial | inherit;

Liczba w tabeli określa pierwszą wersję przeglądarki w pełni obsługującą tę właściwość.

Liczba przed -webkit-, -moz- i -o- określa pierwszą wersję, która działała z prefiksem.

Właściwość
transition-duration	26.0 4.0 -webkit-	10.0	16.0 4.0 -moz-	6.1 3.1 -webkit-	12.1 10.5 -o-

Przykład – efekt przejścia trwa przez 6 sekund: div { transition-duration: 6s; }