CSS Animation-delay Property
Przykład
Uruchom animację po 2 sekundach:
div {
animation-delay: 2s;
}
Więcej przykładów „Wypróbuj sam” poniżej.
Definicja i użycie
Właściwość animation-delay
określa opóźnienie rozpoczęcia animacji.
Wartość opóźnienia animacji jest definiowana w sekundach (s) lub milisekundach (ms).
Domyślna wartość: | 0s |
---|---|
Dziedziczny: | nie |
Animowalny: | nie. Przeczytaj o animacji |
Wersja: | CSS3 |
Składnia JavaScript: | obiekt .style.animationDelay="1s" |
Obsługa przeglądarki
Liczby w tabeli określają pierwszą wersję przeglądarki, która w pełni obsługuje tę właściwość.
Liczby, po których następuje -webkit-, -moz- lub -o- określają pierwszą wersję, która działała z przedrostkiem.
Property | |||||
---|---|---|---|---|---|
animation-delay | 43.0 4.0 -webkit- |
10.0 | 16.0 5.0 -moz- |
9.0 4.0 -webkit- |
30.0 15.0 -webkit- 12.0 -o- |
Składnia CSS
animation-delay: time|initial|inherit;
Wartości nieruchomości
Value | Description | Play it |
---|---|---|
time | Optional. Defines the number of seconds (s) or milliseconds (ms) to wait before the animation will start. Default value is 0. Negative values are allowed. If you use negative values, the animation will start as if it had already been playing for N seconds/milliseconds. | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
Więcej przykładów
Przykład
Używanie wartości ujemnych. Tutaj animacja rozpocznie się tak, jakby była odtwarzana przez 2 sekundy:
div {
animation-delay: -2s;
}
Powiązane strony
Samouczek CSS: animacje CSS
Dokumentacja HTML DOM: właściwość AnimationDelay