Animations - CSS3 Animations

Attention seekers

Basic animations using animate.css
Bounce
Bounce animation using bounce class
Shake
Shake animation using shake class
Flash
Flash animation using flash class
Swing
Swing animation using swing class
Pulse
Pulse animation using pulse class
Tada
Tada animation using tada class
Rubberband
Rubberband using rubberBand class
Wobble
Wobble animation using wobble class

Bouncing entrances

Entrance options for bounce animations
BounceInLeft
Bounce In Left animation using bounceInLeft class
BounceIn
Bounce In animation using bounceIn class
BounceInRight
Bounce In Right animation using bounceInRight class
BounceInUp
Bounce In Up animation using bounceInUp class
BounceInDown
Bounce In Down animation using bounceInDown class

Bouncing exits

Exit options for bounce animations
BounceOutLeft
Bounce Out Left animation using bounceOutLeft class
BounceOut
Bounce Out animation using bounceOut class
BounceOutRight
Bounce Out Right animation using bounceOutRight class
BounceOutUp
Bounce Out Up animation using bounceOutUp class
BounceOutDown
Bounce Out Down animation using bounceOutDown class

Fading entrances

Entrance options for fade animations
FadeIn
Fade In animation using fadeIn class
FadeInLeft
Fade In Left animation using fadeInLeft class
FadeInRight
Fade In Right animation using fadeInRight class
FadeInDown
Fade In Down animation using fadeInDown class
FadeInLeftBig
Fade In Left Big animation using fadeInLeftBig class
FadeInRightBig
Fade In Right Big animation using fadeInRightBig class
FadeInDownBig
Fade In Down Big animation using fadeInDownBig class
FadeInUp
Fade In Up animation using fadeInUp class
FadeInUpBig
Fade In Up Big animation using fadeInUpBig class

Fading exits

Exit options for fade animations
FadeOut
Fade Out animation using fadeOut class
FadeOutLeft
Fade Out Left animation using fadeOutLeft class
FadeOutRight
Fade Out Right animation using fadeOutRight class
FadeOutDown
Fade Out Down animation using fadeOutDown class
FadeOutLeftBig
Fade Out Left Big animation using fadeOutLeftBig class
FadeOutRightBig
Fade Out Right Big animation using fadeOutRightBig class
FadeOutDownBig
Fade Out Down Big animation using fadeOutDownBig class
FadeOutUp
Fade Out Up animation using fadeOutUp class
FadeOutUpBig
Fade Out Up Big animation using fadeOutUpBig class

Flip animations

Options for flip animations
FlipInX
Flip In X animation using flipInX class
Flip
Flip animation using flip class
FlipInY
Flip In Y animation using flipInY class
FlipOutX
Flip Out X animation using flipOutX class
FlipOutY
Flip Out Y animation using flipOutY class

Lightspeed animations

Options for light speed animations
LightSpeedIn
Light Speed In animation using lightSpeedIn class
LightSpeedOut
Light Speed Out animation using lightSpeedOut class

Rotating entrances

Entrance options for rotate animations
RotateInDownLeft
Rotate In Down Left animation using rotateInDownLeft class
RotateIn
Rotate In animation using rotateIn class
RotateInDownRight
Rotate In Down Right animation using rotateInDownRight class
RotateInUpLeft
Rotate In Up Left animation using rotateInUpLeft class
RotateInUpRight
Rotate In Up Right animation using rotateInUpRight class

Rotating exits

Exit options for rotate animations
RotateOutDownLeft
Rotate Out Down Left animation using rotateOutDownLeft class
RotateOut
Rotate Out animation using rotateOut class
RotateOutDownRight
Rotate Out Down Right animation using rotateOutDownRight class
RotateOutUpLeft
Rotate Out Up Left animation using rotateOutUpLeft class
RotateOutUpRight
Rotate Out Up Right animation using rotateOutUpRight class

Special animations

Options for special animations
RollIn
Roll In animation using rollIn class
Hinge
Hinge animation using hinge class
RollOut
Roll Out animation using rollOut class

Zoom entrances

Entrance options for zoom animations
ZoomInLeft
Zoom In Left animation using zoomInLeft class
ZoomIn
Zoom In animation using zoomIn class
ZoomInRight
Zoom In Right animation using zoomInRight class
ZoomInUp
Zoom In Up animation using zoomInUp class
ZoomInDown
Zoom In Down animation using zoomInDown class

Zoom exits

Exit options for zoom animations
ZoomOutLeft
Zoom Out Left animation using zoomOutLeft class
ZoomOut
Zoom Out animation using zoomOut class
ZoomOutRight
Zoom Out Right animation using zoomOutRight class
ZoomOutUp
Zoom Out Up animation using zoomOutUp class
ZoomOutDown
Zoom Out Down animation using zoomOutDown class
Mayra Sibley

2 Hours

Hi there, I'm Jesse and you?
You

3 minutes

My name is Anne Clarc.
Mayra Sibley

40 seconds

Nice to meet you Anne.
How can i help you?