Material Admin Extended Dark

## CSS Animations

A cross-browser library of CSS animations. As easy to use as an easy thing.

Official website and detailed documentation: https://github.com/daneden/animate.css

Available CSS animation classes. You can check the previews of these animations at `/animations.html`

Attention Seekers
bounce flash pulse rubberBand shake swing tada wobble jello
bounceIn bounceInDown bounceInLeft bounceInRight bounceInUp
bounceOut bounceOutDown bounceOutLeft bounceOutRight bounceOutUp
fadeIn fadeInDown fadeInDownBig fadeInLeft fadeInLeftBig fadeInRight fadeInRightBig fadeInUp fadeInUpBig
fadeOut fadeOutDown fadeOutDownBig fadeOutLeft fadeOutLeftBig fadeOutRight fadeOutRightBig fadeOutUp fadeOutUpBig
flip flipInX flipInY flipOutX flipOutY
lightSpeedIn lightSpeedOut
rotateIn rotateInDownLeft rotateInDownRight rotateInUpLeft rotateInUpRight
rotateOut rotateOutDownLeft rotateOutDownRight rotateOutUpLeft rotateOutUpRight
slideInUp slideInDown slideInLeft slideInRight
slideOutUp slideOutDown slideOutLeft slideOutRight
zoomIn zoomInDown zoomInLeft zoomInRight zoomInUp
zoomOut zoomOutDown zoomOutLeft zoomOutRight zoomOutUp
hinge rollIn rollOut

#### Basic usage

In order to use Animate.css, first you'll have to include it's CSS source file.

    <link href="vendors/bower_components/animate.css/animate.min.css" rel="stylesheet">

Add classes `animated` and the animation name (one of above mentioned) to the element you want to animate. You may also want to include the class `infinite` for an infinite loop.

e.g:

    <!-- Basic -->
    <div class="animated zoomIn">
       ...
    </div>

    <!-- Infinite -->
    <div class="animated zoomIn infinite">
       ...
    </div>

Material Admin also includes a LESS mixin which may help you when defining animations on CSS property level.

This mixin requires 2 parameters: `animation-name` and `animation-duration`

e.g:

    .box {
       .animated(fadeIn, 500ms)
    }

Likewise, you can include any of the above given animation name with a duration in either second (s) or millisecond (ms).

Source files:

- Main CSS: `/vendors/bower_components/animate.css/animate.min.css`
- JS(demo): `/demo/js/misc.js`
- HTML: `/animations.html`