Właściwość CSS animation-play-state

Definicja stylu, przeznaczenie i użycie animation-play-state

Styl animation-play-state określa, czy animacja jest uruchomiona, czy wstrzymana.

Uwaga: Użyj tej właściwości w JavaScript, aby wstrzymać animację w środku cyklu.

Wartości właściwości animation-play-state

Składnia CSS animation-play-state

animation-play-state: paused | running | initial | inherit;

Wsparcie przeglądarek dla właściwości animation-play-state

Liczba w tabeli określa pierwszą wersję przeglądarki w pełni obsługującą tę właściwość.

Liczba przed -webkit-, -moz-, -o- określa pierwszą wersję, która działała z prefiksem.

Właściwość
animation-play-state	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-

Przykładowe zastosowania właściwości animation-play-state

Kliknij wartości właściwości poniżej, aby zobaczyć wynik.

div#myDIV {
  animation-play-state:running;
}

Przykłady właściwości animation-play-state