Atrybut transition-delay w CSS

Definicja i użycie

Atrybut transition-delay określa, kiedy ma zacząć się efekt przejścia.

Wartości transition-delay wyrażone w sekundach lub milisekundach.

Zobacz również:

Tutorial CSS:Przejście CSS

Podręcznik HTML DOM:Atrybut transitionDelay

Przykład

Oczekuj 2 sekund przed rozpoczęciem efektu przejścia:

div {
  transition-delay: 2s;
}

Spróbuj sam

Gramatyka CSS

transition-delay: time;

Wartość atrybutu

Wartość Opis
time Określa czas oczekiwania przed rozpoczęciem efektu przejścia, wyrażony w sekundach lub milisekundach.

Szczegóły techniczne

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

Wsparcie przeglądarek

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

Liczby z -webkit- lub -moz- oznaczają pierwszą wersję używającą prefiksu.

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-