Сделай сайт. Легко.

animation-play-state

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

Песочница

@keyframes move {
  from { background: #e4efc7; transform: translateX(0); }
  to { background: #fee5db; transform: translateX(300px); }
}
div {
  animation: move 5s infinite; 
  animation-play-state: running;
}

Краткая информация

Значение по умолчаниюrunning
НаследуетсяНет
ПрименяетсяКо всем элементам, к псевдоэлементам ::before и ::after
АнимируетсяНет

Значения

running
Проигрывать анимацию.
paused
Поставить анимацию на паузу.

Вы можете оставить отзыв, подписаться на обновленияОбновления блога по RSSRSS или Обновления блога на TwitterTwitter !