loader

Cвойство animation-play-state определяет состояние анимации, паузы или проигрыша. Это можно использовать, чтобы определить текущее состояние анимации, например, в скриптах. Если возобновить приостановленную анимацию, то она запустит её с того места, где она была поставлена на паузу, а не начнётся с начала.

animation-play-state հատկությունը սահմանում է անիմացիայի, դադարի կամ ցուցադրման վիճակը: Սա կարող է օգտագործվել անիմացիայի ներկայիս վիճակը որոշելու համար, օրինակ՝ սկրիպտերում: Եթե ​​դուք վերսկսեք դադարեցված անիմացիան, այն կսկսի այն կետից, որտեղ այն դադարեցվել է, այլ ոչ թե սկզբից:

Синтаксис

Գրելաձև
animation-play-state: running; ⟿ Анимация проигрывается.
animation-play-state: paused; ⟿ Анимация поставлена на паузу.

Hello

Пример

Օրինակ

See the Pen animation-play-state by Erik Egnatosyan (@SansaciaCodenyx) on CodePen.

⇓Результат данного примера показан на рисунке⇓

⇓Այս օրինակի արդյունքը ցույց է տրված նկարում⇓

 animation-play-state image

Также у тега animation есть следующие под. теги
Поддержка браузера дляԲրաուզերի աջակցությունը animation-play-state элемента տարրին
Browser IE Edge Chrome Firefox Safari Opera
Version 10+ 12+ 43+ 16+ 9+ 30+
Notes