CSS3 Animation Events in JavaScript

When the button is clicked, a class of "enable" is applied to the element which starts a CSS3 animation. Animation start, iteration and end events are captured and logged. When animationend is encountered, the "enable" class is removed.

For more information, refer to How to Capture CSS3 Animation Events in JavaScript.

Click to Animate!

Event information log