Существует ли способ узнать об изменении состояния анимации?

Question

[Дмитрий]

Добрый день!
У CSS Animation есть свойство animation-play-state. Допусти, свойство изменяется средствами CSS, по умолчанию анимация на паузе, а при наведении (:hover) запускается. Есть ли возможность "повесить" событие на изменение этого свойства средствами JS?

Answer 1

[RAX7]

Через Animations API можно посмотреть на свойство playState в какой-то конкретный момент времени, но какого-то события для этого нет.
Можно состряпать собственный костыль на основе Animations API и requestAnimationFrame.

Но проще и лучше будет запускать анимацию не по css hover, а из js - этот способ избавит от ненужных костылей.