Animation
Pure CSS animation showcase — click any card to preview the animation.
Attention Seekers
Animations to draw the user's eye.
bounce
flash
pulse
rubberBand
shakeX
shakeY
headShake
swing
tada
wobble
jello
heartBeat
Bouncing Entrances
Bouncy entrance animations.
bounceIn
bounceInDown
bounceInLeft
bounceInRight
bounceInUp
Fading Entrances
Smooth fade-in transitions.
fadeIn
fadeInDown
fadeInLeft
fadeInRight
fadeInUp
fadeInTopLeft
fadeInTopRight
fadeInBottomLeft
fadeInBottomRight
Flippers
3D flip animations.
flip
flipInX
flipInY
Lightspeed
Lightspeed entrance effects.
lightSpeedInLeft
lightSpeedInRight
Rotating Entrances
Rotational entrance animations.
rotateIn
rotateInDownLeft
rotateInDownRight
rotateInUpLeft
rotateInUpRight
Sliding Entrances
Slide-in animations from each direction.
slideInDown
slideInLeft
slideInRight
slideInUp
Zoom Entrances
Zoom-based entrance animations.
zoomIn
zoomInDown
zoomInLeft
zoomInRight
zoomInUp
Specials
Unique one-off animations.
hinge
jackInTheBox
rollIn