jQuery Plugin To Apply Animate.css Animations To Elements On Scroll - Animated

File Size: 15.9 KB
Views Total: 1499
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
jQuery Plugin To Apply Animate.css Animations To Elements On Scroll - Animated

Animated is an ultra-light jQuery plugin which applies Animate.css powered cool CSS3 animations to your DOM elements when they are within the viewport.

How to use it:

1. The plugin requires jQuery library and Animate.css loaded properly in the document.

<link href="/path/to/animate.min.css" rel="stylesheet">
<script src="/path/to/jquery.min.js"></script>

2. Load the Animated jQuery plugin after jQuery library.

<script src="animated-1.0.0.min.js"></script>

3. Add the 'animated-AnimationName' classes to the elements you want to animate.

<div class="animated-jello">
  <h2 class="animated-lightSpeedIn">Title</h2>
</div>

4. Active the plugin. That's it.

$().Animated();

This awesome jQuery plugin is developed by bestproject. For more Advanced Usages, please check the demo page or visit the official website.