Animacja stylu Właściwość PlayState
Przykład
Wstrzymywanie animacji:
document.getElementById("myDIV").style.animationPlayState = "paused";
Definicja i użycie
Właściwość animationPlayState określa, czy animacja jest uruchomiona, czy wstrzymana.
Uwaga: Użyj tej właściwości, aby wstrzymać animację w środku cyklu.
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 | |||||
---|---|---|---|---|---|
animationPlayState | 43.0 4.0 Webkit |
10.0 | 16.0 5.0 Moz |
9.0 4.0 Webkit |
30.0 15.0 Webkit 12.1 12.0 O |
Składnia
Zwróć właściwość animationPlayState:
object.style.animationPlayState
Ustaw właściwość animationPlayState:
object.style.animationPlayState = "running|paused|initial|inherit"
Wartości nieruchomości
Value | Description |
---|---|
running | Default value. Specifies that the animation is running |
paused | Specifies that the animation is paused |
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ść: | bieganie |
---|---|
Wartość zwrotu: | String, reprezentujący właściwość animacja-odtwarzanie-stan elementu |
Wersja CSS | CSS3 |
Powiązane strony
Odniesienie CSS: animacja-play-state właściwość