#animation CSS effects

3,495 free, pure-CSS effects match the "animation" tag. Each is copy-ready and needs no library or build step.

Live preview Hover

Beat Heart

Heartbeat double-thump on hover.

#hover #animation #transform

Live preview Hover

BG Aurora Drift

Aurora-like waves drift on hover.

#hover #animation #gradient

Live preview Hover

BG Circuit Trace

Circuit lines trace on background on hover.

#hover #animation #gradient

Live preview Hover

BG Color Cycle

Background cycles through colors on hover.

#hover #animation

Live preview Hover

BG Confetti Fall

Confetti pattern falls on background on hover.

#hover #animation #gradient

Live preview Hover

BG Gradient Rotate

Background gradient rotates on hover.

#hover #animation #gradient

Live preview Hover

BG Grid Scroll

Grid pattern scrolls on hover.

#hover #animation #gradient

Live preview Hover

BG Noise Shimmer

Noise texture shimmers on hover.

#hover #animation #gradient

Live preview Hover

BG Pattern Move

Background pattern shifts on hover.

#hover #animation #gradient

Live preview Hover

BG Radial Pulse

Radial gradient pulses on hover.

#hover #animation #gradient

Live preview Hover

BG Scan Line

Scan line passes over background on hover.

#hover #animation #gradient

Live preview Hover

BG Stripe Roll

Diagonal stripes roll on hover.

#hover #animation #gradient

Live preview Hover

BG Vignette Pulse

Vignette pulses around edges on hover.

#hover #animation #gradient

Live preview Hover

BG Water Ripple

Water-like ripple on hover.

#hover #animation #gradient

Live preview Hover

Bob Buoy

Buoy bobbing on water on hover.

#hover #animation #transform

Live preview Hover

Bob Float

Element bobs up and down on hover.

#hover #animation #transform

Live preview Hover

Boing Up

Boing-like spring upward on hover.

#hover #animation #transform

Live preview Hover

Border Beam Trace

Light beam traces around border on hover.

#hover #animation #gradient

Live preview Hover

Border Conic Spin

Conic gradient border spins on hover.

#hover #animation #gradient

Live preview Hover

Border Dotted March

Dotted border marches around on hover.

#hover #animation #border

Live preview Hover

Border Glow Trace

Glowing dot traces around border on hover.

#hover #animation #gradient

Live preview Hover

Border Gradient Flow

Animated gradient border flows on hover.

#hover #animation #gradient

Live preview Hover

Border Pulse Glow

Border pulses with glow on hover.

#hover #animation #shadow

Live preview Hover

Border Rainbow Flow

Rainbow border flows on hover.

#hover #animation #gradient

Live preview Hover

Bounce Diagonal

Bounces diagonally on hover.

#hover #animation #transform

Live preview Hover

Bounce Down

Element bounces downward on hover.

#hover #animation #transform

Live preview Hover

Bounce Jelly

Wobbly jelly bounce on hover.

#hover #animation #transform

Live preview Hover

Bounce Left

Element bounces to the left on hover.

#hover #animation #transform

Live preview Hover

Bounce Random

Erratic random bounces on hover.

#hover #animation #transform

Live preview Hover

Bounce Right

Element bounces to the right on hover.

#hover #animation #transform

Live preview Hover

Bounce Spring

Spring-loaded bounce on hover.

#hover #animation #transform

Live preview Hover

Bounce Up

Element bounces upward in a spring motion on hover.

#hover #animation #transform

Live preview Hover

Deep Breathe

Deep breathing scale on hover.

#hover #animation #transform

Live preview Hover

Breathe Scale

Element breathes in and out on hover.

#hover #animation #transform

Live preview Hover

Soft Breathe

Soft breathing animation on hover.

#hover #animation #transform

Live preview Hover

Bubbles Burst

Bubbles burst outward on hover.

#hover #animation #shadow

Live preview Hover

Bubbles Float

Floating bubbles rise on hover.

#hover #animation #gradient

Live preview Hover

Bubbles Rise

Bubbles rise upward on hover.

#hover #animation #gradient

Live preview Hover

Bungee Drop

Bungee-cord drop animation on hover.

#hover #animation #transform

Live preview Hover

Candle Flame Light

Warm flickering candle glow on hover.

#hover #animation #shadow

Live preview Hover

Hue Cycle Fast

Rapidly cycles through hue rotation on hover.

#hover #animation #transform

Live preview Hover

Hue Cycle Medium

Medium speed hue rotation cycle on hover.

#hover #animation #transform

Live preview Hover

Hue Cycle Slow

Slow hypnotic hue rotation cycle on hover.

#hover #animation #transform

Live preview Hover

Lava Flow

Molten lava flow gradient on hover.

#hover #animation #gradient

Live preview Hover

Opal Iridescent

Opal iridescent rainbow shimmer on hover.

#hover #animation #gradient

Live preview Hover

Pearl Shimmer

Pearlescent shimmer on hover.

#hover #animation #gradient

Live preview Hover

Split RGB

RGB color channels split on hover.

#hover #animation #transform

Live preview Hover

Confetti Burst

Confetti bursts outward on hover.

#hover #animation #transform

Live preview Hover

Confetti Cannon

Confetti cannon blast on hover.

#hover #animation #transform

Live preview Hover

Confetti Fall

Confetti falls on hover.

#hover #animation #transform

Live preview Hover

Confetti Scatter

Confetti scatters outward on hover.

#hover #animation #transform

Live preview Hover

CRT Flicker

Screen brightness flickers erratically with a phosphor glow on hover.

#gradient #animation #hover

Live preview Hover

Cyber Glitch

Cyberpunk RGB-split glitch with rapid clip-path jumps on hover.

#animation #hover #border

Live preview Hover

Dip Bounce

Dip down then bounce up on hover.

#hover #animation #transform

Live preview Hover

Drift Slow

Slow ambient drift on hover.

#hover #animation #transform

Live preview Hover

Dust Swirl

Dust swirls around on hover.

#hover #animation #gradient

Live preview Hover

Flame Bottom Edge

Bottom edge ignites with animated flame gradient on hover.

#hover #animation #gradient

Live preview Hover

Flame Top Edge

Top edge ignites with animated flame gradient on hover.

#hover #animation #gradient

Live preview Hover

Needle Left Edge

Vertical needle bar slides in from left edge on hover.

#hover #animation #gradient

Live preview Hover

Needle Right Edge

Vertical needle bar slides in from right edge on hover.

#hover #animation #gradient

Live preview Hover

Embers Glow

Glowing embers rise on hover.

#hover #animation #shadow

Live preview Hover

Embers Rise

Glowing embers rise on hover.

#hover #animation #transform

Live preview Hover

Explode Out

Explodes outward on hover.

#hover #animation #transform

Live preview Hover

Fire Burn

Burning fire effect on hover.

#hover #animation #shadow

Live preview Hover

Fire Flicker

Flickering firelight on hover.

#hover #animation #shadow

Live preview Hover

Fireflies Blink

Fireflies blink in dark on hover.

#hover #animation #shadow

Live preview Hover

Fireflies Glow

Fireflies blink and float on hover.

#hover #animation #transform

Live preview Hover

Fireflies Wander

Fireflies wander randomly on hover.

#hover #animation #transform

Live preview Hover

Firelight Glow

Warm firelight ember glow on hover.

#hover #animation #shadow

Live preview Hover

Firework Burst

Firework bursts from center on hover.

#hover #animation #transform

Live preview Hover

Firework Cascade

Cascading firework on hover.

#hover #animation #shadow

Live preview Hover

Flash Burst

Single bright flash burst on hover.

#hover #animation #shadow

Live preview Hover

Flash Edges

Edges flash bright white on hover.

#hover #animation #shadow

Live preview Hover

Aurora Edge Frame

Aurora-like gradient drifts along the edge on hover.

#hover #animation #gradient

Live preview Hover

Fast Corner Trace

Single corner accent traces all four corners quickly on hover.

#hover #animation #transform

Live preview Hover

Dashes Crawl Frame

Dashed border marches around the element on hover.

#hover #animation #border

Live preview Hover

Dotted Crawl Frame

Dotted border slowly crawls around on hover.

#hover #animation #border

Live preview Hover

Fire Edge Frame

Burning ember effect glows along the edge on hover.

#hover #animation #shadow

Live preview Hover

Glitch Corner Frame

Corners glitch and shift on hover.

#hover #animation #transform

Live preview Hover

Glow Pulse Edge

Edges pulse with glowing animation on hover.

#hover #animation #shadow

Live preview Hover

Hologram Edge Frame

Holographic shimmer traces the frame on hover.

#hover #animation #gradient

Live preview Hover

Laser Zap Frame

Laser beam zaps around the perimeter on hover.

#hover #animation #transform

Live preview Hover

Rainbow Arc Frame

Rainbow gradient arc traces the frame on hover.

#hover #animation #gradient

Live preview Hover

Ribbon Trace Frame

Ribbon-like band traces around the border on hover.

#hover #animation #gradient

Live preview Hover

Rotate Square Frame

Outer square frame rotates around the element on hover.

#hover #animation #transform

Live preview Hover

VHS Trace Frame

VHS tracking distortion lines trace the border on hover.

#hover #animation #gradient

Live preview Hover

Glitch Slice

Element slices with glitch effect on hover.

#hover #animation #transform

Live preview Hover

Glitter Shimmer

Glitter shimmers across surface on hover.

#hover #animation #gradient

Live preview Hover

Glitter Sparkle

Glitter sparkles on hover.

#hover #animation #gradient

Live preview Hover

Glitter Twinkle

Twinkling glitter on hover.

#hover #animation #shadow

Live preview Hover

Glow Flicker Tube

Fluorescent tube flicker on hover.

#hover #animation #shadow

Live preview Hover

Glow Gradient Flow

Animated gradient glow flows around on hover.

#hover #animation #gradient

Live preview Hover

Glow Rainbow

Cycling rainbow glow on hover.

#hover #animation #shadow

Live preview Hover

Glow Soft Pulse

Soft pulsing glow halo on hover.

#hover #animation #shadow

Live preview Hover

Glow Sparkle Dust

Sparkle dust glints on hover.

#hover #animation #transform

Live preview Hover

Glow Strobe Rapid

Rapid strobe glow flashes on hover.

#hover #animation #shadow

Popular tags