Hover Effects — 860 CSS effects

3D Parallax Tilt

Layers shift in 3D based on cursor position for a parallax depth effect.

#gradient #3d #shadow

Orbit Spiral

Spiral inward orbit on hover.

3D Tilt Follow

Element tilts in 3D following cursor on hover.

#gradient #transform

Quiver Hard

Hard intense quiver on hover.

Aperture Iris Close

A dark circular iris contracts over the panel like a camera aperture closing on hover.

#gradient #hover #border

#animation #hover #border

Blink Swap

Content blinks rapidly and swaps text on each blink cycle on hover.

Duotone Magenta

Magenta-cyan duotone filter on hover.

Bounce Elastic

Elastic overshoot bounce on hover.

#hover #gradient #transform

Curtain Fall

Curtain falls down to cover content on hover.

Neon Shadow Text

Neon glow shadow on text on hover.

Wave Ripple Distort

Wave ripple distortion on hover.

Zoom Blur

Content zooms in with a radial blur, simulating a dolly zoom on hover.

#gradient #hover #shadow

Border Gradient Flow

Animated gradient border flows on hover.

#hover #border #transform

Color Invert Pill

Pill swaps its background and text colors instantly on hover.

Contrast Punch

Contrast spikes for a punchy look on hover.

#hover #gradient #filter

Edge Light Up

All four edges light up on hover.

Needle Right Edge

Vertical needle bar slides in from right edge on hover.

Flash Edges

Edges flash bright white on hover.

#hover #animation #border

Dashes Crawl Frame

Dashed border marches around the element on hover.

#hover #transform #shadow

Inset Bevel Frame

Inset beveled frame creates depth on hover.

Glitter Shimmer

Glitter shimmers across surface on hover.

Glitter Sparkle

Glitter sparkles on hover.

Icon Jump Link

The arrow leaps forward and the label shifts slightly to follow it.

Pixelate In

Pixelate snap-in on hover.

Rotate 3D Flip

Single 3D flip on hover.

Slide Random Reveal

Random-direction slide reveal on hover.

Squash Pancake

Squashes flat as pancake on hover.

Pop Letter

Letters pop up sequentially on hover.

Soft Shadow Text

Soft blurred shadow on text on hover.

Topspin

Element topspins forward on hover.

Tritone Forest

Earthy forest tritone gradient on hover.

#hover #gradient #shadow

Typewriter Reveal

Text types out character by character on hover.

#hover #animation

Warm Overlay

Warm orange overlay washes in on hover.

Wipe Down

New color wipes down from top on hover.

#hover #transform #shadow

3D Zoom Tilt

3D zoom tilt transform on hover.

3D Zoom Flip

3D combined zoom and flip on hover.

Acid Green Tint

Acid green tint pulses through on hover.

Blur Out

Element blurs out on hover.

Bob Buoy

Buoy bobbing on water on hover.

#hover #animation #border

Border Dash March

Dashed border marches around on hover.

Border Draw Full

Border draws around all sides on hover.

#hover #border

#hover #transform #border

Border Expand Out

Border outline expands outward on hover.

Border Rainbow Flow

Rainbow border flows on hover.

Bulge Center

Element bulges outward in center on hover.

Bubblegum

Pink bubblegum tint on hover.

Color Burst Radial

Radial color burst emanates from center on hover.

Denim Blue

Denim blue tint on hover.

Jade Stone

Jade green stone tint on hover.

Lavender Mist

Soft lavender mist tint on hover.

Monochrome Shift

Element shifts to monochrome on hover.

Ruby Red

Deep ruby red glow on hover.

Sage Soft

Soft sage green tint on hover.

Color Shift BG

Background hue rotates continuously on hover.

Sky Bright

Bright sky blue on hover.

Colour Split Word

The word tears into a red and cyan pair before snapping back together.

Split CMYK

CMYK color channels separate on hover.

Split RGB

RGB color channels split on hover.

#hover #transform #border

Color Swap Fast

Foreground and background colors swap on hover.

Thermal Cold

Cool thermal colors flow on hover.

Topaz Yellow

Bright topaz yellow on hover.

Violet Dream

Dreamy violet gradient on hover.

Color Warp BG

Background warps through colors on hover.

Confetti Cannon

Confetti cannon blast on hover.

Confetti Fall

Confetti falls on hover.

Cool Overlay

Cool blue overlay washes in on hover.

#hover #gradient #transform

Copper Warm

Warm copper glow radiates on hover.

Curtain Open

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

#gradient #hover #shadow

Cyan Shift

Hue rotates to cyan on hover.

#animation #hover #border

Cyber Glitch

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

Desaturate Fade

Color bleeds out to a faded tone on hover.

Desaturate Wash

Full grayscale wash with subtle blur on hover.

Dip Bounce

Dip down then bounce up on hover.

Dispersion Rainbow

Chromatic dispersion rainbow on hover.

Dissolve to Dots

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

#gradient #hover #border

Dissolve Grain

Grainy dissolve on hover.

Duotone Cyan

Duotone cyan-magenta filter kicks in on hover.

Duotone Red Blue

Red and blue duotone blend layers on hover.

#hover

Dust Settle

Dust settles down on hover.

Dust Swirl

Dust swirls around on hover.

Flame Top Edge

Top edge ignites with animated flame gradient on hover.

Embers Float

Floating embers drift up on hover.

Embers Glow

Glowing embers rise on hover.

Explode Out

Colored shards burst outward in all directions with scaling and fading on hover.

#gradient #hover #border

Fade In Fast

Quick fade-in on hover.

#hover

Fade In Zoom

Zoom fade-in on hover.

Fire Flicker

Flickering firelight on hover.

Fire Spark

Fire sparks flicker on hover.

Fireflies Glow

Fireflies blink and float on hover.

Fireflies Wander

Fireflies wander randomly on hover.

Firelight Glow

Warm firelight ember glow on hover.

Flip 3D Coin

Coin-toss flip on hover.

#hover #transform #border

Flip 3D Door

Door-swing 3D flip on hover.

#hover #transform #shadow

Flip 3D Page

Page-turn 3D flip on hover.

Flip Card

Card flips in 3D to reveal its back face on hover.

#gradient #hover #3d

Card Front Back Flip

Flips card to reveal back side on hover.