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.

See the Pen Media Object Animation by Jon Yablonski (@jmy1138) on CodePen.0