Adding Animate.css to your page

Choose an effect offered by Animate.css and remember the name (including any uppercase letters).

Select the object you'd like the animation effect to appear on.

Type J then S on your keyboard to open the <JavaScript> Editor for that object.

Choose how you want this effect to be activated on the object you’ve chosen. You can have this activated by a click on the object, mouse hover over the object, when mouse leaves the object or on scroll in or out of the page.

Insert the line of code within that action. This line of code can be added in the empty line between the { and above the )}; of the chosen action. See the screenshot below for an example line of code to be added : element.addClass('animated fadeInLeft');

Remember the name of the effect you noted in Step 4? Add that into the line of code here, right after the word animated. Be sure to include all the capital letters as its still case sensitive. In this example we want this effect (fadeInLeft) to be activated when the user Scrolls into the page. Paste it below the element.on('scrollin', function(e) line.

Click "Save & Close" at the top right save the changes to your JavaScript editor.