Documentation

- Introduction
- Getting started
- Navigation
- Layout, Grid & Cartons
- Welcome screen
- Themes
- UI elements
- Update System
- Notifications
- Modals
- Tooltips
- Animations
- Charts
- Editor
- Gallery
- Icons
- Tables
- Error pages
- Maps & Location
- iPhone web app
- Licenses & Attributions

# Animations

It's incredibly easy to add an animation to any element. You simply need to add the class .animated and the name of the animation you want to use. If you want a photo to flip in, simply do this:

    <img class="animated flipInX" src="/path/to/image.png" alt="Flower" />

Support is pretty good in most modern browsers. Remember to check the actual demo page in the UI-section.

## List of all animations

- flash
- bounce
- shake
- tada
- swing
- wobble
- pulse
- flip
- flipInX
- flipInY
- fadeIn
- fadeInUp
- fadeInDown
- fadeInLeft
- fadeInRight
- fadeInDownBig
- fadeInLeftBig
- fadeInRightBig
- bounceIn
- bounceInDown
- bounceInUp
- bounceInLeft
- bounceInRight
- rotateIn
- rotateInDownLeft
- rotateInDownRight
- rotateInUpLeft
- rotateInUpRight
- rollIn