Page Content Animations

The following is a collection of experiments focused on applying CSS animations to content before leaving the page, and is intended as an easy reference for both myself and others.

Overview

The idea here is to set up your CSS keyframe animations and then call upon these animations with a single class. Javascript is then used to listen for an event (in this case a click event), and then add a specified animation class to the parent container.