## 56 Animations

## 56 Animation effects

You put following animation into any elements such as div tag, button, image..etc. Just write the animation name as shown below as the class name and make sure you add `e_` before the animation name. For example to use "flash" animation you should write `.e_flash`

Just hover on each button to see how animation works.

#### Attention seekers

flash bounce shake tada swing wobble wiggle pulse

#### Flippers (currently Webkit, Firefox, & IE10 only)

flip flipInX flipOutX flipInY flipOutY

#### Fading entrances

fadeIn fadeInUp fadeInDown fadeInLeft fadeInRight fadeInUpBig fadeInDownBig fadeInLeftBig fadeInRightBig

#### Fading exits

fadeOut fadeOutUp fadeOutDown fadeOutLeft fadeOutRight fadeOutUpBig fadeOutDownBig fadeOutLeftBig fadeOutRightBig

#### Bouncing entrances

bounceIn bounceInDown bounceInUp bounceInLeft bounceInRight

#### Bouncing exits

bounceOut bounceOutDown bounceOutUp bounceOutLeft bounceOutRight

#### Rotating entrances

rotateIn rotateInDownLeft rotateInDownRight rotateInUpLeft rotateInUpRight

#### Rotating exits

rotateOut rotateOutDownLeft rotateOutDownRight rotateOutUpLeft rotateOutUpRight

#### Lightspeed

lightSpeedIn lightSpeedOut

#### Specials

hinge rollIn rollOut