jQuery Plugin For Manipulating Animate.CSS Based Animations - animakWix
File Size: | 6.06 KB |
---|---|
Views Total: | 653 |
Last Update: | |
Publish Date: | |
Official Website: | Go to website |
License: | MIT |
animakWix is a simple and fast jQuery plugin for implementing Animate.css based CSS3 animations on any DOM element with a single line of JavaScript. Animate.css is one of the best CSS3 animation libraries that allow you to apply cool CSS3 powered animations & effects to your web page.
How to use it:
1. Include jQuery library and the jQuery animakWix plugin anywhere on your web page.
<script src="//code.jquery.com/jquery-2.1.4.min.js"></script> <script src="libs/js/animakWix.min.js"></script>
2. Include the Animate.css into the head section of the web page.
<link rel="stylesheet" href="/path/to/animate.min.css">
3. Just call the function on the target element where you want to apply a specific animation to.
$("#example").animakWix("pulse");
4. That's it. Here are several optional settings which allows you to customize the animation.
$("#example").animakWix({ // animation name effect: "pulse", // delay time in ms delay: 1000, // executed before the effect starts running onStart: function(){}, // executed after the effect stops onEnd: function(){} });
This awesome jQuery plugin is developed by kwix. For more Advanced Usages, please check the demo page or visit the official website.