Właściwość animationDelay stylu

Definicja i użycie

animationDelay Atrybut definiuje, kiedy animacja ma się zacząć.

animationDelay Wartości są definiowane w sekundach (s) lub milisekundach (ms).

Wskazówka:Pozwala na użycie ujemnych wartości,-2s Pozwala na natychmiastowe rozpoczęcie animacji, ale odtwarzanie zaczyna się w pozycji 2 sekundy.

Przykład

Zmień właściwość animationDelay elementu <div>:

document.getElementById("myDIV").style.animationDelay = "1s";

Spróbuj sam

Gramatyka

Zwróć właściwość animationDelay:

object.style.animationDelay

Ustawienie właściwości animationDelay:

object.style.animationDelay = "time|initial|inherit"

Wartość atrybutu

Wartość Opis
time Opcjonalne. Definiuje liczbę sekund lub milisekund, na które ma czekać zanim zacznie się animacja. Domyślna wartość to 0.
initial Ustaw tę właściwość na jej wartość domyślną. Zobacz: initial.
inherit Inherbuje tę właściwość od elementu nadrzędnego. Zobacz: inherit.

Szczegóły techniczne

Domyślna wartość: 0
Wartość zwracana: Ciąg znaków, który reprezentuje Atrybut animation-delay.
Wersja CSS: CSS3

Obsługa przeglądarek

animationDelay jest cechą CSS3 (1999).

Wszystkie przeglądarki obsługują je w pełni:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
Wsparcie Wsparcie Wsparcie Wsparcie Wsparcie 11

Strony związane

CSS Reference Manual:Atrybut animation-delay