Atrybut transition-duration CSS

Definicja i zastosowanie

Atrybut transition-duration określa czas trwania efektu przejścia (w sekundach lub milisekundach).

Zobacz również:

Kurs CSS:Przejście CSS

Podręcznik HTML DOM:Atrybut transitionDuration

Przykład

Trwaj efekt przejścia przez 5 sekund:

div {
  transition-duration: 5s;
}

Spróbuj sam

Gramatyka CSS

transition-duration: time;

Wartość atrybutu

Wartość Opis
time

Określa czas trwania efektu przejścia (w sekundach lub milisekundach).

Domyślna wartość to 0, co oznacza, że efekt nie będzie miał miejsca.

Szczegóły techniczne

Domyślna wartość: 0
Inheredność: nie
Wersja: CSS3
Gramatyka JavaScript: object.style.transitionDuration="5s"

Obsługa przeglądarek

Liczby w tabeli wskazują na pierwszą wersję przeglądarki, która w pełni obsługuje tę właściwość.

Liczby z -webkit-, -moz- lub -o- oznaczają pierwszą wersję z przedrostkiem.

Chrome IE / Edge Firefox Safari Opera
26.0
4.0 -webkit-		 10.0 16.0
4.0 -moz-		 6.1
3.1 -webkit-		 12.1
10.5 -o-