Hover Effects — 860 CSS effects

Zoom In

Element zooms in dramatically on hover.

Zoom Mega

Huge zoom-in on hover.

Zoom Micro

Tiny zoom-out on hover.

Zoom Pulse

Element zooms with a pulse on hover.

3D Page Turn

Page-turn 3D effect on hover.

#hover #transform #3d

3D Zoom Tilt Pop

3D pop with tilt and zoom on hover.

#hover #transform #3d

#hover #transform #filter

Afterimage Trail

Multiple ghost copies trail behind the label as it slides on hover.

Ambient Glow Fill

Ambient glow fills the surface on hover.

Aperture Iris Open

Camera aperture opens to reveal on hover.

Arrow Nudge

Link text with an arrow icon that nudges to the right on hover.

Aura Radiate

Soft aura radiates outward on hover.

#hover #shadow

Backlit Silhouette

Strong backlight silhouettes the element on hover.

#hover #gradient #filter

Backspin

Element backspins on hover.

#hover #transform #3d

Barn Door Close

Two-panel barn door closes on hover.

Barn Door Horizontal

Horizontal barn doors open on hover.

Barn Door Open

Two panels split apart like barn doors on hover.

Barn Door Vertical

Vertical barn doors open on hover.

#hover #gradient #transform

Beam Sweep

Vertical light beam sweeps across on hover.

Beat Heart

Heartbeat double-thump on hover.

BG Aurora Drift

Aurora-like waves drift on hover.

BG Blur Overlay

Blurred overlay covers background on hover.

#hover #gradient #filter

BG Circuit Trace

Circuit lines trace on background on hover.

BG Color Cycle

Background cycles through colors on hover.

#hover #animation

BG Confetti Fall

Confetti pattern falls on background on hover.

BG Gradient Rotate

Background gradient rotates on hover.

BG Grid Scroll

Grid pattern scrolls on hover.

BG Mesh Shift

Mesh gradient layers shift on hover.

BG Noise Shimmer

Noise texture shimmers on hover.

BG Parallax Shift

Background layers shift on hover.

BG Pattern Move

Background pattern shifts on hover.

BG Radial Pulse

Radial gradient pulses on hover.

BG Scan Line

Scan line passes over background on hover.

#hover #gradient #transform

BG Shimmer

Shimmer sweeps across background on hover.

BG Spotlight Reveal

Spotlight reveals hidden bg on hover.

BG Stripe Roll

Diagonal stripes roll on hover.

BG Vignette Pulse

Vignette pulses around edges on hover.

BG Water Ripple

Water-like ripple on hover.

BG Zoom Pan

Background zooms and pans on hover.

Blacklight Glow

UV blacklight glow on hover.

#hover #shadow

Blinds Open

Vertical blinds open on hover.

Blinds Roll Up

Horizontal venetian blind slats roll up one-by-one to reveal content on hover.

#gradient #hover #shadow

Bloom Glow

Soft bloom-like glow softens on hover.

#hover #shadow #filter

#hover #transform #filter

Blue Shift

Hue rotates to blue on hover.

Blur In Clear

Element starts blurred, sharpens on hover.

#hover #filter

Bob Float

Element bobs up and down on hover.

Boing Up

Boing-like spring upward on hover.

Border Beam Trace

Light beam traces around border on hover.

Border Conic Spin

Conic gradient border spins on hover.

Border Corner Accent

Corner accent brackets grow on hover.

#hover #border

#hover #transform #border

Corner Bracket Frame

Four corner brackets slide inward and lock around the content when hovered.

#hover #animation #border

Border Dotted March

Dotted border marches around on hover.

Border Double Line

Double-line border draws on hover.

#hover #shadow #border

Border Glow Trace

Glowing dot traces around border on hover.

Border Neon Edge

Neon glow edge border on hover.

#hover #shadow #border

#hover #animation #shadow

Border Pulse Glow

Border pulses with glow on hover.

Border Unwrap

Border unwraps from one side on hover.

#hover #border

Bounce Diagonal

Bounces diagonally on hover.

Bounce Down

Element bounces downward on hover.

Bounce Jelly

Wobbly jelly bounce on hover.

Bounce Left

Element bounces to the left on hover.

Bounce Random

Erratic random bounces on hover.

Bounce Right

Element bounces to the right on hover.

Bounce Rubber

Rubbery stretch bounce on hover.

Bounce Spring

Spring-loaded bounce on hover.

Bounce Up

Element bounces upward in a spring motion on hover.

Bow Down

Element bows down on hover.

Deep Breathe

Deep breathing scale on hover.

Breathe Scale

Element breathes in and out on hover.

Soft Breathe

Soft breathing animation on hover.

Brightness Dim

Dims to half brightness on hover.

#hover #filter

Brightness Flare

Element flares bright on hover.

#hover #filter

Brightness Solar

Blinding solar brightness on hover.

#hover #shadow #filter

#hover #animation #shadow

Bubbles Burst

Bubbles burst outward on hover.

Bubbles Float

Floating bubbles rise on hover.

Bubbles Rise

Bubbles rise upward on hover.

Bulge Bubble

Bulges into a bubble on hover.

Bungee Drop

Bungee-cord drop animation on hover.

#hover #animation #shadow

Candle Flame Light

Warm flickering candle glow on hover.

Cartwheel Left

Element cartwheels to the left on hover.

Cartwheel Right

Element cartwheels to the right on hover.

Checker Hide

Checker pattern hides on hover.

Checker Reveal

Checker pattern reveals new color on hover.

Amber Glow

Warm amber glow on hover.

#hover #gradient #shadow

Amethyst Purple

Amethyst purple shine on hover.

Aquamarine

Aquamarine sea-water tint on hover.

Berry Burst

Berry purple-magenta burst on hover.

Burgundy Rich

Rich burgundy wine tint on hover.

Clay Earth

Earth clay brown tint on hover.

Coral Reef

Coral reef orange-pink tint on hover.

Hue Cycle Fast

Rapidly cycles through hue rotation on hover.

Hue Cycle Medium

Medium speed hue rotation cycle on hover.

Hue Cycle Slow

Slow hypnotic hue rotation cycle on hover.

Dawn Tint

Soft pink dawn tint washes over on hover.

Dusk Tint

Deep dusk purple tint on hover.

Emerald Shine

Emerald green shine on hover.

#hover #gradient #shadow

Forest Deep

Deep forest green on hover.