Ultimate CSS Animation Pack
Discover over 120+ stunning, high-performance CSS3 animations. Featuring Dark/Light modes and a sleek, modern design. Click any box below!
🖱️ Click a box to replay its animation 🖱️
Entrances - Fades
FadeIn
FadeIn (VS)
FadeInUp
FadeInDown
FadeInLeft
FadeInRight
FadeInUpBig
FadeInDownBig
FadeInLeftBig
FadeInRightBig
FadeRotateIn
Entrances - Slides
SlideInUp
SlideInDown
SlideInLeft
SlideInRight
SlideZoomIn
Entrances - Zooms & Space
ZoomIn
ZoomInUp
ZoomInDown
ZoomInLeft
ZoomInRight
PuffIn
VanishIn
SpaceInUp
SpaceInDown
Entrances - Bounces
BounceIn
BounceInUp
BounceInDown
BounceInLeft
BounceInRight
BoingInUp
Entrances - Flips & Perspective (3D)
FlipInX
FlipInY
PerspectiveUpIn
PerspectiveDownIn
PerspectiveLeftIn
PerspectiveRightIn
Entrances - Rotations
RotateIn
RotateInDownLeft
RotateInDownRight
RotateInUpLeft
RotateInUpRight
RollIn
Entrances - Specials
JackInTheBox
LightSpeedInRight
LightSpeedInLeft
TinUp
TinDown
TinLeft
TinRight
SwashIn
Attention Seekers
Bounce
Flash
Pulse
RubberBand
ShakeX
ShakeY
HeadShake
Swing
Tada
Wobble
Jello
HeartBeat
Vibrate
Spin
SpinAround (3D)
ColorPulse
BackgroundShine