Atrybut animation-play-state CSS

Definicja i użycie

animation-play-state Atrybut określa, czy animacja jest odtwarzana czy wstrzymana.

Komentarz:Możesz użyć tego atrybutu w JavaScript, aby wstrzymać animację w trakcie odtwarzania.

Inne źródła:

Kurs CSS3:Animacje CSS

Podręcznik HTML DOM:Atrybut animationPlayState

Przykład

Wstrzymanie animacji:

div
{
animation-play-state:paused;
}

Spróbuj sam

Gramatyka CSS

animation-play-state: paused|running;
Wartość Opis Test
paused Określa, że animacja jest wstrzymana. Test
running Określa, że animacja jest odtwarzana. Test

Szczegóły techniczne

Domyślna wartość: running
Inheredność: nie
Wersja: CSS3
Gramatyka JavaScript: obiekt.style.animationPlayState="paused"

Wsparcie przeglądarki

Liczby w tabeli wskazują pierwszą wersję przeglądarki, która w pełni obsługuje właściwość.

Numer z -webkit-, -moz- lub -o- oznacza pierwszą wersję używającą prefiksu.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
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-