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.

Click to Animate!

Event information log
=====================