Все справочники находятся в стадии наполнения. Если у вас есть идеи на счёт того как улучшить этот раздел, то вы можете оставить комментарий под конкретной записью или написать свои предложения по адресу admin@tuhub.ru.

animation-play-state

CSS animation-play-state

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

Общие сведения

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

Синтаксис свойства

  • Синтаксис:
    animation-play-state: running | paused
  • Значение по умолчанию: running
  • Применяется: ко всем элементам и псевдоэлементам ::before и ::after
  • Наследуется: нет
  • Анимируется: нет

Значения свойства

  • running - когда свойство animation-play-state установлено в running, анимация обрабатывается как обычно.
  • paused - когда свойство animation-play-state установлено в paused, анимация приостанавливает своё воспроизведение. 

Поддержка браузерами

CSS Animation

IE
9
0.15%
10
0.09%
11
2.64%
Edge
15
0.07%
16
0.26%
17
1.38%
18
0%
Firefox
59
0.08%
60
0.45%
61
2.91%
62
0.09%
63
0%
Chrome
66
0.53%
67
23.47%
68
0.59%
69
0.04%
70
0%
Safari
10.1
0.22%
11
0.22%
11.1
1.37%
12
0.01%
TP
0%
iOS Safari
10.3
0.61%
11.0-11.2
1.3%
11.3-11.4
7.25%
12
0.07%
Chrome for Android
67
32.65%

Примечание

Вы можете указать одно или несколько, разделённых запятыми, значений в animation-play-state. Когда вы предоставляете список значений, этот список обычно сопоставляется со списком значений предоставляемым другими свойствами связанными с анимацией, такими как animation-delayanimation-timing-function и animation-name, и другими. Каждый список значений в этих свойствах обрабатывается как массив, в котором у каждого значения есть собственный индекс. После этого значение по индексу сопоставляется со значением из другого списка.

Свойство animation-play-state обычно указывается как часть сокращённого свойства animation.

Пример

Здесь прописать свой код адсенс