Integrate with CSS Library

This demo page shows how easy to integrate with external CSS library.

HTML

<script src="http://emn178.github.io/jquery-animations/src/jquery.animations.js"></script>
<link rel="stylesheet" href="http://daneden.github.io/animate.css/animate.css">
<img id="image" src="http://emn178.github.io/jquery-animations/samples/effects/images/batman.png" />
<p>This demo page includes only <a href="https://github.com/emn178/jquery-animations">jQuery-animations</a> core library and external CSS library.</p>
<p>You can just use the animation name in css libray.</p>
<p>You can refer to <a href="http://daneden.github.io/animate.css/">Animate.css</a> for all animations.</p>

JavaScript

$('#image').animate('bounceInLeft');