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

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.