Przykład
Poczekaj dwie sekundy, a następnie uruchomić animację:
div {
-webkit-animation-delay: 2s; /* Chrome, Safari, Opera */
animation-delay: 2s;
} Spróbuj sam " Więcej "Try it Yourself" przykłady poniżej.
Definicja i Wykorzystanie
Nieruchomość animacja opóźnienia określa opóźnienie rozpoczęcia animacji.
Wartość animacja opóźnienia określa się w ciągu kilku sekund (s) i milisekund (ms) .
| Domyślna wartość: | 0s |
|---|---|
| Dziedziczny: | no |
| Animatable: | no. Read about animatable |
| Wersja: | CSS3 |
| Składnia JavaScript: | object .style.animationDelay="1s" Try it |
Pomoc Browser
Liczby w tabeli określ pierwszą wersję przeglądarki, która w pełni obsługuje właściwość.
Liczby następnie -webkit-, -moz- lub -o- określić pierwszą wersję, która pracowała z prefiksem.
| Nieruchomość | |||||
|---|---|---|---|---|---|
| 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
| Wartość | Opis | Graj |
|---|---|---|
| time | Opcjonalny. Określa liczbę sekund (s) lub milisekund (ms) , aby czekać, zanim rozpocznie się animacja. Domyślna wartość to 0. Wartości ujemne są dozwolone | Graj " |
| initial | Ustawia tę właściwość na wartość domyślną. Przeczytaj o początkowej | |
| inherit | Dziedziczy nieruchomość od swojego rodzica. Przeczytaj o dziedziczą |
Więcej przykładów
Przykład
Korzystanie z wartości ujemnych, zauważy, że animacja rozpoczyna się 2 sekundy do cyklu animacji:
div {
-webkit-animation-delay: -2s; /* Chrome, Safari, Opera */
animation-delay: -2s;
}
Spróbuj sam " Podobne strony
Tutorial CSS3: CSS3 animacje
HTML DOM referencyjny: animationDelay property