Animate.css examples

Hover over buttons to see animation

Animation durations: 1s.
bounce shake flash pulse swing tada rubberBand wobble

Click buttons to see animation

Animation durations: 1s.
bounce shake flash pulse swing tada rubberBand wobble
view code

Form validations - click submit buttons to see animations


Error validation with animation
Animation used: Flash
Animation duration: .7s
Name: Submit
Warning validation with animation
Animation used: Pulse
Animation duration: .7s
Name: Submit
Success validation with animation
Animation used: Tada
Animation duration: .7s
Name: Submit
view code

Scrolling entrance animations

Hello
Hello
Hello
Blocks below will animate when coming into view on the screen.
Click the blocks to trigger the animation again.
fadeInDown
bounceIn
flipInX
flipInY
zoomInRight
rotateIn
view code

Playing with different animation times

Choose animation and then choose a speed

Hello
SupaSlow Slow Default Fast SupaFast
view code