animation-play-state CSS

Свойство animation-play-state определяет проигрывается анимация или стоит на паузе.

Свойство **`animation-play-state`** определяет проигрывается анимация или стоит на паузе.
Значение по умолчанию:

running

Значение по умолчанию:
`running`
Наследуется:
Нет
Применяется:

ко всем элементам, включая псевдо-элементы

Применяется:
ко всем элементам, включая псевдо-элементы
Анимируется:
Нет
Спецификации:
Спецификации:
* [CSS Animations](https://drafts.csswg.org/css-animations/#animation-play-state)
Поддержка браузерами:

Can I Use css-animation? Data on support for the css-animation feature across the major browsers from caniuse.com.

Поддержка браузерами:
<p class="ciu_embed" data-feature="css-animation" data-periods="future_1,current,past_1,past_2"> <a href="http://caniuse.com/#feat=css-animation">Can I Use css-animation?</a> Data on support for the css-animation feature across the major browsers from caniuse.com. </p>

Синтаксис

/* Single animation */
animation-play-state: running;
animation-play-state: paused;

/* Multiple animations */
animation-play-state: paused, running, running;

/* Global values */
animation-play-state: inherit;
animation-play-state: initial;
animation-play-state: unset;

Синтаксис

/* Single animation */ animation-play-state: running; animation-play-state: paused; /* Multiple animations */ animation-play-state: paused, running, running; /* Global values */ animation-play-state: inherit; animation-play-state: initial; animation-play-state: unset;

Значения

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

Значения

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

Содержание

  • Синтаксис
      /* Single animation */ animation-play-state: running; animation-play-state: paused; /* Multiple animations */ animation-play-state: paused, running, running; /* Global values */ animation-play-state: inherit; animation-play-state: initial; animation-play-state: unset;
  • Значения
    • Примеры

      В начало