jQuery Plugin For Manipulating Animate.CSS Based Animations - animakWix

jQuery Plugin For Manipulating Animate.CSS Based Animations - animakWix
File Size: 6.06 KB
Views Total:
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.