animation-play-state

Experimental

Это экспериментальная технология
Так как спецификация этой технологии ещё не стабилизировалась, смотрите таблицу совместимости по поводу использования в различных браузерах. Также заметьте, что синтаксис и поведение экспериментальной технологии может измениться в будущих версиях браузеров, вслед за изменениями спецификации.

Описание

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

Если возобновить приостановленную анимацию, то она запустит её с того места, где она была поставлена на паузу, а не начнётся с начала.

Начальное значениеrunning
Применяется квсе элементы, ::before и ::after псевдоэлементы
Наследуетсянет
Обработка значениякак указано
Animation typediscrete

Синтаксис

/* Одна анимация */
animation-play-state: running;
animation-play-state: paused;

/* Несколько анимаций */
animation-play-state: paused, running, running;

/* Глобальный значения */
animation-play-state: inherited;
animation-play-state: initial;
animation-play-state: unset;

Значения

running
Анимация проигрывается.
paused
Анимация поставлена на паузу.

Формальный синтаксис

<single-animation-play-state># (en-US)

где
<single-animation-play-state> = running | (en-US) paused

Примеры

См. CSS animations.

Спецификации

Спецификация Статус Комментарий
CSS Animations Level 1
Определение 'animation-play-state' в этой спецификации.
Рабочий черновик Начальное определение

Совместимость с браузерами

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help! (en-US)

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Базовая поддержка (Да)-webkit (en-US)
43.0
5.0 (5.0)-moz (en-US)
16.0 (16.0)
10 12 -o (en-US)
12.10
(Да)-webkit (en-US)
Feature Android Chrome Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile Chrome for Android
Базовая поддержка ? ? ? ? ? ? ?

Смотрите также