+[animate.css]: http://daneden.github.io/animate.css/
+
+[![Code Climate](https://codeclimate.com/github/craigmdennis/animateCSS.png)](https://codeclimate.com/github/craigmdennis/animateCSS)
+
+## Getting Started
+
+### Bower
+Install with [Bower][bower]
+`bower install animateCSS`
+
+[bower]: http://bower.io/
+
+### Download
+
+Download the [production version][min] or the [development version][max].
+
+[min]: https://raw.github.com/craigmdennis/animateCSS/master/dist/jquery.animatecss.min.js
+[max]: https://raw.github.com/craigmdennis/animateCSS/master/dist/jquery.animatecss.js
+
+In your web page:
+
+```html
+
+
+
+```
+
+## Documentation
+
+```js
+{
+  infinite: false, // True or False
+  animationClass: "animated", // Can be any class
+  delay: 0 // Can be any value (in ms)
+  duration: 1000 // Can be any value (in ms)
+  callback: // Any function
+}
+```
+
+When using `infinite: true` and a delay, the delay will only occur before the first loop, not on every loop.
+
+## Examples
+
+### Basic
+```js
 $('#your-id').animateCSS('fadeIn');
-

+### With callback
+```js
 $('#your-id').animateCSS('fadeIn', function(){
-    alert('Boom! Animation Complete');
+    console.log('Boom! Animation Complete');
+});
+```
+
+### With delay (in ms)
+```js
+$('#your-id').animateCSS('fadeIn', {delay: 500});
+```
+
+### With delay AND callback
+```js
+$('#your-id').animateCSS('fadeIn', {
+  delay: 1000,
+  callback: function(){
+    console.log('Boom! Animation Complete');
+  }
 });
-

-$('#your-id').animateCSS('fadeIn', 500);
-

-$('#your-id').animateCSS('fadeIn', 1000, function(){
-    alert('Boom! Animation Complete');
+### Chain multiple animations
+If you use the standard jQuery chaining mechanism, each animation will fire at the same time so you have to include the next animation in the callback.
+```js
+$('#your-id').animateCSS('fadeInUp', function() {
+  console.log('Boom! First animation Complete');
+  $(this).animateCSS("fadeOutUp", function(){
+    console.log('Boom Boom! Second animation Complete');
+  })
 });
-

-<style>
-    .js #your-id {
-        visibility:hidden;
-    }
-</style>
 
+```css
+.js #your-id {
+  visibility:hidden;
+}
+```
+```js
 $(window).load( function(){
-    $('#your-id').animateCSS('fadeIn', 1000, function(){
-        alert('Boom! Animation Complete');
-    });
+  $('#your-id').animateCSS('fadeIn', function(){
+    console.log('Boom! Animation Complete');
+  });
 });
-