by kirupa | 2 January 2016
So far, as part of learning the basics of how CSS animations and transitions work, we didn't deviate too far from the safe, middle road. We loaded the page, an animation started to automatically play. We hovered over an element, some property on that element animated in some way. The middle road is fine for many cases, but there is so much more we can do. In this tutorial, we are going to take some less beaten paths and expand the ways we can interact with animations and transitions by adding in a dash of JavaScript.
This is a companion discussion topic for the original entry at http://www.kirupa.com/html5/triggering_animations_javascript.htm