Приостановить / возобновить CSS анимацию с функцией ослабления - PullRequest
0 голосов
/ 10 ноября 2019

Я бы хотел приостановить и возобновить, в идеале, путем добавления и удаления класса CSS, непрерывную анимацию CSS, такую ​​как линейное вращение.

Я создал пример непрерывной анимации, котораяможно приостановить, щелкнув animation-play-state:

.spinner.inactive {
  animation-play-state: paused;
}

jsFiddle

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

Возможно ли это?

...