Animations - CSS3 Animations

Attention seekers

Basic animations using animate.css
Bounce
Bounce animation using bounceclass
Shake
Shake animation using shakeclass
Flash
Flash animation using flashclass
Swing
Swing animation using swingclass
Pulse
Pulse animation using pulseclass
Tada
Tada animation using tadaclass
Rubberband
Rubberband using rubberBandclass
Wobble
Wobble animation using wobbleclass

Bouncing entrances

Entrance options for bounceanimations
BounceInLeft
Bounce In Left animation using bounceInLeftclass
BounceIn
Bounce In animation using bounceInclass
BounceInRight
Bounce In Right animation using bounceInRightclass
BounceInUp
Bounce In Up animation using bounceInUpclass
BounceInDown
Bounce In Down animation using bounceInDownclass

Bouncing exits

Exit options for bounceanimations
BounceOutLeft
Bounce Out Left animation using bounceOutLeftclass
BounceOut
Bounce Out animation using bounceOutclass
BounceOutRight
Bounce Out Right animation using bounceOutRightclass
BounceOutUp
Bounce Out Up animation using bounceOutUpclass
BounceOutDown
Bounce Out Down animation using bounceOutDownclass

Fading entrances

Entrance options for fadeanimations
FadeIn
Fade In animation using fadeInclass
FadeInLeft
Fade In Left animation using fadeInLeftclass
FadeInRight
Fade In Right animation using fadeInRightclass
FadeInDown
Fade In Down animation using fadeInDownclass
FadeInLeftBig
Fade In Left Big animation using fadeInLeftBigclass
FadeInRightBig
Fade In Right Big animation using fadeInRightBigclass
FadeInDownBig
Fade In Down Big animation using fadeInDownBigclass
FadeInUp
Fade In Up animation using fadeInUpclass
FadeInUpBig
Fade In Up Big animation using fadeInUpBigclass

Fading exits

Exit options for fadeanimations
FadeOut
Fade Out animation using fadeOutclass
FadeOutLeft
Fade Out Left animation using fadeOutLeftclass
FadeOutRight
Fade Out Right animation using fadeOutRightclass
FadeOutDown
Fade Out Down animation using fadeOutDownclass
FadeOutLeftBig
Fade Out Left Big animation using fadeOutLeftBigclass
FadeOutRightBig
Fade Out Right Big animation using fadeOutRightBigclass
FadeOutDownBig
Fade Out Down Big animation using fadeOutDownBigclass
FadeOutUp
Fade Out Up animation using fadeOutUpclass
FadeOutUpBig
Fade Out Up Big animation using fadeOutUpBigclass

Flip animations

Options for flipanimations
FlipInX
Flip In X animation using flipInXclass
Flip
Flip animation using flipclass
FlipInY
Flip In Y animation using flipInYclass
FlipOutX
Flip Out X animation using flipOutXclass
FlipOutY
Flip Out Y animation using flipOutYclass

Lightspeed animations

Options for light speedanimations
LightSpeedIn
Light Speed In animation using lightSpeedInclass
LightSpeedOut
Light Speed Out animation using lightSpeedOutclass

Rotating entrances

Entrance options for rotateanimations
RotateInDownLeft
Rotate In Down Left animation using rotateInDownLeftclass
RotateIn
Rotate In animation using rotateInclass
RotateInDownRight
Rotate In Down Right animation using rotateInDownRightclass
RotateInUpLeft
Rotate In Up Left animation using rotateInUpLeftclass
RotateInUpRight
Rotate In Up Right animation using rotateInUpRightclass

Rotating exits

Exit options for rotateanimations
RotateOutDownLeft
Rotate Out Down Left animation using rotateOutDownLeftclass
RotateOut
Rotate Out animation using rotateOutclass
RotateOutDownRight
Rotate Out Down Right animation using rotateOutDownRightclass
RotateOutUpLeft
Rotate Out Up Left animation using rotateOutUpLeftclass
RotateOutUpRight
Rotate Out Up Right animation using rotateOutUpRightclass

Special animations

Options for specialanimations
RollIn
Roll In animation using rollInclass
Hinge
Hinge animation using hingeclass
RollOut
Roll Out animation using rollOutclass

Zoom entrances

Entrance options for zoomanimations
ZoomInLeft
Zoom In Left animation using zoomInLeftclass
ZoomIn
Zoom In animation using zoomInclass
ZoomInRight
Zoom In Right animation using zoomInRightclass
ZoomInUp
Zoom In Up animation using zoomInUpclass
ZoomInDown
Zoom In Down animation using zoomInDownclass

Zoom exits

Exit options for zoomanimations
ZoomOutLeft
Zoom Out Left animation using zoomOutLeftclass
ZoomOut
Zoom Out animation using zoomOutclass
ZoomOutRight
Zoom Out Right animation using zoomOutRightclass
ZoomOutUp
Zoom Out Up animation using zoomOutUpclass
ZoomOutDown
Zoom Out Down animation using zoomOutDownclass