Właściwość opóźnienia animacji stylu
Przykład
Zmiana właściwości animationDelay elementu <div>:
document.getElementById("myDIV").style.animationDelay = "1s";
Definicja i użycie
Właściwość animationDelay określa, kiedy rozpocznie się animacja.
Wartość AnimationDelay jest definiowana w sekundach (s) lub milisekundach (ms).
Wskazówka: Ujemne wartości są dozwolone, -2s sprawia, że animacja zaczyna się od razu, ale zaczyna się 2 sekundy w animacji.
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 Moz, określają pierwszą wersję, która działała z przedrostkiem.
Property | |||||
---|---|---|---|---|---|
animationDelay | 43.0 | 79.0 | 16.0 5.0 Moz |
9.0 | 30.0 |
Składnia
Zwróć właściwość animationDelay:
object.style.animationDelay
Ustaw właściwość animationDelay:
object.style.animationDelay = "time|initial|inherit"
Wartości nieruchomości
Value | Description |
---|---|
time | Optional. Defines the number of seconds or milliseconds to wait before the animation will start. Default value is 0 |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Szczegóły techniczne
Domyślna wartość: | 0 |
---|---|
Wartość zwrotu: | String, reprezentujący właściwość Animation-delay elementu |
Wersja CSS | CSS3 |
Powiązane strony
Odniesienie CSS: animacja-właściwość opóźnienia