66 Modern 3D CSS Animations

Fade Animations

Fade In

Fade Out

Fade In Up

Fade In Down

Fade In Left

Fade In Right

Slide Animations

Slide Up

Slide Down

Slide Left

Slide Right

Slide Up Alt

Slide Down Alt

Scale Animations

Scale In

Scale Out

Scale In Up

Pulse

Scale In Alt

Scale Out Alt

Rotate Animations

Rotate 90°

Rotate 180°

Rotate 360°

Rotate Infinite

Flip X

Flip Y

Special Effects

Bounce

Shake

Wobble

Swing

Jello

Rubber Band

Attention Seekers

Flash

Heartbeat

Hinge

Flash Alt

Heartbeat Alt

Hinge Alt

Background Animations

BG Color Change

Gradient Shift

BG Change Alt

Gradient Alt

BG Shift 1

BG Shift 2

Text Animations

Text Blur In

Animation

Text Shadow Pop

Animation

Typing

CSS Animation

Text Focus In

Animation

Blur In Alt

Animation

Shadow Alt

Animation

Border Animations

Border Dance

Border Grow

Dance Alt

Grow Alt

Border Dance 2

Border Grow 2

Loading Animations

Loading Dots

Loading

Loading Spinner

Loading Bar

Dots Alt

Loading

Spinner Alt

Bar Alt

3D Animations

Rotate 3D

Flip Card

Cube Spin

Rotate 3D Alt

Flip Card Alt

Cube Spin Alt