config

Strona w trakcie modernizacji

Zapraszamy wkrótce

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ści właściwości transition-duration

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.

 

Składnia CSS transition-duration

transition-duration: time | initial | inherit;

 

Wsparcie przeglądarek dla właściwości transition-duration

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ść chrome edge firefox safari opera
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ładowe zastosowania właściwości transition-duration

 

 

Obszar działalności – tworzenie stron internetowych w miastach:

Witold Czuba Tworzenie stron Warszawa, Wrocław i Legnica | Teksty SEO pozycjonujące strony | Grafika na strony internetowe
Adres:, Marynarska 54, 59-220, Legnica, dolnośląskie, Polska, Tel.: +48 780 060 995, Pon. - pt. 8:00 - 17:00

 

Witold Czuba

Tworzenie stron Warszawa, Wrocław i Legnica | Teksty SEO pozycjonujące strony | Grafika na strony internetowe

Marynarska 54
59-220, Legnica,
dolnośląskie, Polska,
Tel.: +48 780 060 995,
Pon. - pt. 8:00 - 17:00