Hover Effects — 860 CSS effects

Color Invert BG

Background and text invert on hover.

Lava Flow

Molten lava flow gradient on hover.

Lemon Zest

Zesty lemon yellow tint on hover.

Mint Cool

Cool mint green tint on hover.

Mustard Yellow

Mustard yellow tint on hover.

Mute Fade

Colors mute and fade on hover.

#hover #gradient #filter

Neon Static

Static neon glow on hover.

Onyx Black

Onyx deep black shine on hover.

#hover #gradient #shadow

Opal Iridescent

Opal iridescent rainbow shimmer on hover.

Pastel Wash

Soft pastel wash overlay on hover.

Pearl Shimmer

Pearlescent shimmer on hover.

#hover #transform #filter

Color Pop Splash

Vivid color splashes across element on hover.

Rainbow Static

Static rainbow gradient on hover.

Rose Quartz

Rose quartz pink shimmer on hover.

Sand Warm

Warm sand tan tint on hover.

Sapphire Blue

Deep sapphire blue glow on hover.

Sunrise Glow

Soft sunrise gradient emerges on hover.

Sunset Glow

Warm sunset gradient glow on hover.

#hover #gradient #shadow

Tangerine

Bright tangerine orange on hover.

Thermal Hot

Thermal heat-map colors fire up on hover.

Turquoise Sea

Turquoise sea gradient on hover.

Twilight Shift

Twilight purple-blue shift on hover.

#hover #transform #filter

Vibrant Pop

Vibrant colors pop with extreme saturation on hover.

Vivid Surge

Saturation surges to maximum on hover.

#hover #gradient #filter

Confetti Burst

Confetti bursts outward on hover.

Confetti Scatter

Confetti scatters outward on hover.

Contrast Extreme

Punchy high-contrast boost on hover.

Contrast Reduce

Flattens contrast for a soft look on hover.

#hover #border #transform

Corner Border Draw

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

#gradient #animation #hover

CRT Flicker

Screen brightness flickers erratically with a phosphor glow on hover.

Cube Rotate 3D

Element rotates like a cube face on hover.

Curtain Rise

Curtain rises to reveal content on hover.

Depth Pop

Element pops forward in 3D depth on hover.

Desaturate Drain

Color drains away to grayscale on hover.

Dispersion Spectrum

Full spectrum dispersion splits on hover.

Dissolve Pixels

Element dissolves into pixels on hover.

Drift Slow

Slow ambient drift on hover.

Duotone Cyan Magenta

Cyan/magenta neon duotone split on hover.

Duotone Green Orange

Green/orange duotone overlay on hover.

Duotone Purple Yellow

Purple/yellow complementary duotone on hover.

#hover #transform #filter

Dust Puff

Dust puffs outward on hover.

Flame Bottom Edge

Bottom edge ignites with animated flame gradient on hover.

Needle Left Edge

Vertical needle bar slides in from left edge on hover.

Elastic Stretch

Element stretches and snaps back elastically on hover.

Electric Cyan

Electric cyan outline crackles on hover.

Embers Rise

Glowing embers rise on hover.

Evaporate Up

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

#gradient #hover #border

Evaporate Mist

Evaporates into mist on hover.

Explode Out

Explodes outward on hover.

Fade Cross

Content cross-fades to a new label on hover.

Fade In Blur

Blurred fade-in on hover.

Fade In Delayed

Delayed fade-in on hover.

Fade In Rotate

Rotating fade-in on hover.

Fade In Slide

Sliding fade-in on hover.

Fade In Soft

Soft slow fade-in on hover.

Fade In Staggered

Staggered fade-in steps on hover.

#hover #border #transform

Fade & Slide Up

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

Fire Burn

Burning fire effect on hover.

Fire Rise

Flames rise upward on hover.

Fireflies Blink

Fireflies blink in dark on hover.

Firework Burst

Firework bursts from center on hover.

Firework Cascade

Cascading firework on hover.

Flash Burst

Single bright flash burst on hover.

Flip 3D Card

Card-style 3D flip on hover.

Soft 3D Flip

Soft 3D flip on Y-axis on hover.

Flip Coin

Element flips like a spinning coin on hover.

Flip Diagonal

Element flips diagonally on hover.

Soft Diagonal Flip

Soft diagonal flip transform on hover.

Flip X Fast

Quick X flip on hover.

Flip X Hard

Hard full X flip on hover.

Flip X Slow

Slow dramatic X flip on hover.

Flip X Soft

Soft gentle X flip on hover.

Flip Y Hard

Hard full Y flip on hover.

Flip Y Slow

Slow dramatic Y flip on hover.

Flip Y Soft

Soft gentle Y flip on hover.

Flip Zoom

Flip with zoom on hover.

Float Rise

Element floats upward and stays on hover.

Fold Down

Folds downward on hover.

Fold Left

Folds to the left on hover.

Fold Origami Spread

Origami spread fold on hover.

Fold Right

Folds to the right on hover.

#hover #transform #shadow

3D Tilt Edge Frame

Frame tilts in 3D while edges highlight on hover.

Bracket Loosen

Inner brackets loosen outward to release the element on hover.

Bracket Snap

Two L-brackets snap together to form a frame on hover.

Bracket Tighten

Outer brackets tighten inward to grip the element on hover.

Cassette Flap Frame

Top flap opens like a cassette tape on hover.

Chevron Trace Frame

Chevron pattern traces the border on hover.

Corners Slide Frame

Four corner brackets slide inward from each edge on hover.

#hover #border

#hover #animation #border

Dotted Crawl Frame

Dotted border slowly crawls around on hover.

Double Trace Frame

Two borders trace around the element on hover.

Fire Edge Frame

Burning ember effect glows along the edge on hover.

#hover #transform #shadow

Fold Out Frame

Frame panels fold outward like opening a box on hover.

Strong Glow Edge

Strong neon glow surrounds the element on hover.

Glow Pulse Edge

Edges pulse with glowing animation on hover.

Hologram Edge Frame

Holographic shimmer traces the frame on hover.

Ice Edge Frame

Crystalline ice frost forms on the edges on hover.