How To Install Animate CSS Animations Using jQuery

This tutorial provides the code which enables you to install and use Animate CSS using jQuery.

1. You can use animate simply by adding the CSS to your style sheet and the class to the HTML element.
2. You can also dynamically add animations to any existing class using jQuery

Video Demo

Here’s a video demo showing animation dynamically applied to existing classes for .site-title and .entry-title as well manually added to HTML within the content editor.

Tested using the Monochrome Pro child theme by StudioPress.

Here’s the code and installation instructions for members: