#hover CSS effects

2,879 free, pure-CSS effects match the "hover" tag. Each is copy-ready and needs no library or build step.

Live preview Hover

Forest Deep

Deep forest green on hover.

#hover #gradient

Live preview Hover

Color Invert Pill

Pill swaps its background and text colors instantly on hover.

#hover #border #transform

Live preview Hover

Color Invert BG

Background and text invert on hover.

#hover

Live preview Hover

Jade Stone

Jade green stone tint on hover.

#hover #gradient

Live preview Hover

Lava Flow

Molten lava flow gradient on hover.

#hover #animation #gradient

Live preview Hover

Lavender Mist

Soft lavender mist tint on hover.

#hover #gradient

Live preview Hover

Lemon Zest

Zesty lemon yellow tint on hover.

#hover #gradient

Live preview Hover

Mint Cool

Cool mint green tint on hover.

#hover #gradient

Live preview Hover

Monochrome Shift

Element shifts to monochrome on hover.

#hover #transform #filter

Live preview Hover

Mustard Yellow

Mustard yellow tint on hover.

#hover #gradient

Live preview Hover

Mute Fade

Colors mute and fade on hover.

#hover #gradient #filter

Live preview Hover

Neon Static

Static neon glow on hover.

#hover #shadow #border

Live preview Hover

Onyx Black

Onyx deep black shine on hover.

#hover #gradient #shadow

Live preview Hover

Opal Iridescent

Opal iridescent rainbow shimmer on hover.

#hover #animation #gradient

Live preview Hover

Pastel Wash

Soft pastel wash overlay on hover.

#hover #gradient

Live preview Hover

Pearl Shimmer

Pearlescent shimmer on hover.

#hover #animation #gradient

Live preview Hover

Color Pop Splash

Vivid color splashes across element on hover.

#hover #transform #filter

Live preview Hover

Rainbow Static

Static rainbow gradient on hover.

#hover #gradient

Live preview Hover

Rose Quartz

Rose quartz pink shimmer on hover.

#hover #gradient

Live preview Hover

Ruby Red

Deep ruby red glow on hover.

#hover #gradient

Live preview Hover

Sage Soft

Soft sage green tint on hover.

#hover #gradient

Live preview Hover

Sand Warm

Warm sand tan tint on hover.

#hover #gradient

Live preview Hover

Sapphire Blue

Deep sapphire blue glow on hover.

#hover #gradient

Live preview Hover

Sky Bright

Bright sky blue on hover.

#hover #gradient

Live preview Hover

Split CMYK

CMYK color channels separate on hover.

#hover #transform

Live preview Hover

Split RGB

RGB color channels split on hover.

#hover #animation #transform

Live preview Hover

Sunrise Glow

Soft sunrise gradient emerges on hover.

#hover #gradient

Live preview Hover

Sunset Glow

Warm sunset gradient glow on hover.

#hover #gradient #shadow

Live preview Hover

Tangerine

Bright tangerine orange on hover.

#hover #gradient

Live preview Hover

Thermal Cold

Cool thermal colors flow on hover.

#hover #gradient

Live preview Hover

Thermal Hot

Thermal heat-map colors fire up on hover.

#hover #gradient

Live preview Hover

Topaz Yellow

Bright topaz yellow on hover.

#hover #gradient

Live preview Hover

Turquoise Sea

Turquoise sea gradient on hover.

#hover #gradient

Live preview Hover

Twilight Shift

Twilight purple-blue shift on hover.

#hover #gradient

Live preview Hover

Vibrant Pop

Vibrant colors pop with extreme saturation on hover.

#hover #transform #filter

Live preview Hover

Violet Dream

Dreamy violet gradient on hover.

#hover #gradient

Live preview Hover

Vivid Surge

Saturation surges to maximum on hover.

#hover #gradient #filter

Live preview Hover

Color Warp BG

Background warps through colors on hover.

#hover #gradient

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

Contrast Extreme

Punchy high-contrast boost on hover.

#hover #filter

Live preview Hover

Contrast Punch

Contrast spikes for a punchy look on hover.

#hover #gradient #filter

Live preview Hover

Contrast Reduce

Flattens contrast for a soft look on hover.

#hover #filter

Live preview Hover

Cool Overlay

Cool blue overlay washes in on hover.

#hover #gradient

Live preview Hover

Copper Warm

Warm copper glow radiates on hover.

#hover #gradient #transform

Live preview Hover

Corner Border Draw

Four accent corner brackets draw inward on hover, framing the content.

#hover #border #transform

Live preview Hover

CRT Flicker

Screen brightness flickers erratically with a phosphor glow on hover.

#gradient #animation #hover

Live preview Hover

Cube Rotate 3D

Element rotates like a cube face on hover.

#hover #transform #3d

Live preview Hover

Curtain Fall

Curtain falls down to cover content on hover.

#hover #gradient #transform

Live preview Hover

Curtain Open

Two colored curtains split apart horizontally to reveal content on hover.

#gradient #hover #shadow

Live preview Hover

Curtain Rise

Curtain rises to reveal content on hover.

#hover #gradient #transform

Live preview Hover

Cyber Glitch

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

#animation #hover #border

Live preview Hover

Depth Pop

Element pops forward in 3D depth on hover.

#hover #transform

Live preview Hover

Desaturate Drain

Color drains away to grayscale on hover.

#hover #gradient #transform

Live preview Hover

Desaturate Fade

Color bleeds out to a faded tone on hover.

#hover #filter

Live preview Hover

Desaturate Wash

Full grayscale wash with subtle blur on hover.

#hover #transform #filter

Live preview Hover

Dip Bounce

Dip down then bounce up on hover.

#hover #animation #transform

Live preview Hover

Dispersion Rainbow

Chromatic dispersion rainbow on hover.

#hover #transform

Live preview Hover

Dispersion Spectrum

Full spectrum dispersion splits on hover.

#hover #gradient

Live preview Hover

Dissolve to Dots

A dotted overlay fades in over the panel, dissolving the content into a dot matrix on hover.

#gradient #hover #border

Live preview Hover

Dissolve Grain

Grainy dissolve on hover.

#hover #filter

Live preview Hover

Dissolve Pixels

Element dissolves into pixels on hover.

#hover #filter

Live preview Hover

Drift Slow

Slow ambient drift on hover.

#hover #animation #transform

Live preview Hover

Duotone Cyan

Duotone cyan-magenta filter kicks in on hover.

#hover #transform #filter

Live preview Hover

Duotone Cyan Magenta

Cyan/magenta neon duotone split on hover.

#hover #transform

Live preview Hover

Duotone Green Orange

Green/orange duotone overlay on hover.

#hover

Live preview Hover

Duotone Purple Yellow

Purple/yellow complementary duotone on hover.

#hover

Live preview Hover

Duotone Red Blue

Red and blue duotone blend layers on hover.

#hover

Live preview Hover

Dust Puff

Dust puffs outward on hover.

#hover #transform #filter

Live preview Hover

Dust Settle

Dust settles down on hover.

#hover #filter

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

Edge Light Up

All four edges light up on hover.

#hover #shadow

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

Elastic Stretch

Element stretches and snaps back elastically on hover.

#hover #transform

Live preview Hover

Electric Cyan

Electric cyan outline crackles on hover.

#hover #shadow #border

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

Evaporate Up

Content floats upward with a vertical blur as if evaporating on hover.

#gradient #hover #border

Live preview Hover

Evaporate Mist

Evaporates into mist on hover.

#hover #filter

Live preview Hover

Explode Out

Explodes outward on hover.

#hover #animation #transform

Live preview Hover

Fade Cross

Content cross-fades to a new label on hover.

#hover

Live preview Hover

Fade In Blur

Blurred fade-in on hover.

#hover #filter

Live preview Hover

Fade In Delayed

Delayed fade-in on hover.

#hover

Live preview Hover

Fade In Fast

Quick fade-in on hover.

#hover

Live preview Hover

Fade In Rotate

Rotating fade-in on hover.

#hover #transform

Live preview Hover

Fade In Slide

Sliding fade-in on hover.

#hover #transform

Live preview Hover

Fade In Soft

Soft slow fade-in on hover.

#hover

Live preview Hover

Fade In Staggered

Staggered fade-in steps on hover.

#hover

Live preview Hover

Fade & Slide Up

Default label fades up and out while a new label fades up into place on hover.

#hover #border #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

Popular tags