Обратите внимание, что браузеры Safari и Chrome поддерживают альтернативный синтаксис: "-webkit-animation-play-state". Это важный нюанс для кросс-браузерной совместимости. Примечание: данное свойство не работает в IE9 и более ранних версиях, что может стать неожиданностью при разработке легаси-решений. Свойство animation-play-state отвечает за то, будет ли анимация активно проигрываться или же останется «замороженной» в режиме паузы. Это позволяет гибко управлять динамикой интерфейса. Чаще всего это свойство применяется во взаимодействии с JavaScript для возможности приостановить анимацию прямо в середине её цикла, что открывает интересные возможности для пользовательского опыта. | Значение по умолчанию: | running | | Наследуется: | нет | | Версия: | CSS3 | | Синтаксис JavaScript: | object.style.animationPlayState="paused" | | Значение | Описание | | paused | Сигнализирует, что анимация находится в состоянии паузы. | | running | Показывает, что анимация активно проигрывается. | Пример
|