#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

Side Twitch

Quick side twitch on hover.

#hover #animation #transform

Live preview Hover

Up Twitch

Quick upward twitch on hover.

#hover #animation #transform

Live preview Hover

Typewriter Reveal

Text types out character by character on hover.

#hover #animation

Live preview Hover

Ultraviolet Bloom

UV bloom with deep violet glow on hover.

#hover #shadow

Live preview Hover

Underglow

Glow emanates from beneath on hover.

#hover #gradient #transform

Live preview Hover

Unfold Open

Unfolds open on hover.

#hover #transform #3d

Live preview Hover

Unfold Spread

Unfolds spread on hover.

#hover #transform #3d

Live preview Hover

Vanish

Content vanishes into a blur haze while a smoke cloud puffs outward on hover.

#gradient #hover #border

Live preview Hover

Vanish Poof

Vanishes in a poof on hover.

#hover #animation #transform

Live preview Hover

Venetian Tilt

Vertical venetian blind slats rotate in 3D to let light through on hover.

#gradient #hover #3d

Live preview Hover

Vibrate Fast

Element vibrates rapidly on hover.

#hover #animation #transform

Live preview Hover

Vibrate Slow

Slow vibrating motion on hover.

#hover #animation #transform

Live preview Hover

Vignette Darken

Edges darken with vignette on hover.

#hover #gradient

Live preview Hover

Vintage Film

Aged film look with sepia and grain on hover.

#hover #filter

Live preview Hover

Warm Overlay

Warm orange overlay washes in on hover.

#hover #gradient

Live preview Hover

Wave Distort

Element distorts in a wave pattern on hover.

#hover #animation #transform

Live preview Hover

Wave Ripple Distort

Wave ripple distortion on hover.

#hover #animation #transform

Live preview Hover

Wipe Diagonal

Diagonal wipe reveal on hover.

#hover #transform

Live preview Hover

Wipe Down

New color wipes down from top on hover.

#hover #transform

Live preview Hover

Wipe Left

New color wipes in from right to left on hover.

#hover #transform

Live preview Hover

Wipe Linear

Linear wipe sweep on hover.

#hover #gradient #transform

Live preview Hover

Wipe Radial

Radial wipe reveal on hover.

#hover #gradient #transform

Live preview Hover

Wipe Right

New color wipes in from left to right on hover.

#hover #transform

Live preview Hover

Wipe Up

New color wipes up from bottom on hover.

#hover #transform

Live preview Hover

Wobble Hard

Hard aggressive wobble on hover.

#hover #animation #transform

Live preview Hover

Wobble Rotate

Element wobbles with rotational sway on hover.

#hover #animation #transform

Live preview Hover

Wobble Rotational

Full rotational wobble on hover.

#hover #animation #transform

Live preview Hover

Wobble Soft

Soft gentle wobble on hover.

#hover #animation #transform

Live preview Hover

Vertical Wobble

Vertical wobble motion on hover.

#hover #animation #transform

Live preview Hover

X-Ray Vision

Inverted x-ray style on hover.

#hover #transform #shadow

Live preview Hover

Yellow Shift

Hue rotates to yellow on hover.

#hover #transform #filter

Live preview Hover

Zoom Blur

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

#gradient #hover #shadow

Live preview Hover

Zoom Blur Reveal

Element zooms with blur to reveal on hover.

#hover #transform #filter

Live preview Hover

Zoom Flip

Zoom with flip transform on hover.

#hover #transform #3d

Live preview Hover

Zoom In

Element zooms in dramatically on hover.

#hover #transform

Live preview Hover

Zoom Jump

Zoom and jump combined on hover.

#hover #transform

Live preview Hover

Zoom Mega

Huge zoom-in on hover.

#hover #transform

Live preview Hover

Zoom Micro

Tiny zoom-out on hover.

#hover #transform

Live preview Hover

Zoom Pulse

Element zooms with a pulse on hover.

#hover #animation #transform

Live preview Hover

Zoom Spin

Zoom then spin transform on hover.

#hover #transform

Live preview Hover

Zoom Tilt

Zoom with tilt transform on hover.

#hover #transform

Live preview Hover

3D Zoom Tilt

3D zoom tilt transform on hover.

#hover #transform #shadow

Live preview Navigation

3D Perspective Navbar

Navbar with 3D hover lift and perspective transform.

#hover #transform #shadow

Live preview Navigation

3D Tilt X Navbar

Active link tilts on the X-axis with deep perspective.

#hover #transform #shadow

Live preview Navigation

3D Tilt XY Navbar

Active link tilts diagonally on both X and Y axes.

#hover #transform #shadow

Live preview Navigation

3D Tilt Y Navbar

Active link tilts on the Y-axis with deep perspective.

#hover #transform #shadow

Live preview Navigation

Arrow 3D Perspective Navbar

Nav with 3D perspective arrow-shaped active indicator.

#hover #transform #shadow

Live preview Navigation

Arrow Asterisk Spin Navbar

Nav with spinning asterisk arrow accent on the active item.

#hover #animation #transform

Live preview Navigation

Arrow Bounce Drop Navbar

Nav with arrow indicators that bounce-drop on hover.

#hover #animation #transform

Live preview Navigation

Arrow Chevron Point Navbar

Nav with chevron-pointed active indicators.

#hover #transform

Live preview Navigation

Arrow Circle Dot Navbar

Nav with circular dot arrow indicators on active items.

#hover #shadow #border

Live preview Navigation

Arrow Cross Mark Navbar

Nav with cross-mark arrow accent on the active item.

#hover #transform

Live preview Navigation

Arrow Diagonal Travel Navbar

Nav links travel diagonally on hover with arrow accents.

#hover #transform

Live preview Navigation

Arrow Diamond Shape Navbar

Nav with diamond-shaped arrow indicators on active items.

#hover

Live preview Navigation

Arrow Double Pointer Navbar

Nav with double-pointer arrow indicators on the active item.

#hover

Live preview Navigation

Arrow Filled Bg Navbar

Nav with arrow-shaped filled background on the active item.

#hover

Live preview Navigation

Arrow Flip 3D Navbar

Nav arrow indicators flip in 3D on hover.

#hover #transform #3d

Live preview Navigation

Arrow Floating Bob Navbar

Nav links with floating arrow indicators that bob up and down.

#hover #animation #transform

Live preview Navigation

Arrow Flow Down Drop Navbar

Vertical nav with arrow indicators flowing downward.

#hover

Live preview Navigation

Arrow Flow Left Slide Navbar

Nav with arrow-shaped active indicator sliding left on hover.

#hover

Live preview Navigation

Arrow Flow Right Slide Navbar

Nav with arrow-shaped active indicator sliding right on hover.

#hover

Live preview Navigation

Arrow Flow Up Rise Navbar

Vertical nav with arrow indicators rising upward.

#hover

Live preview Navigation

Arrow Glow Active Navbar

Nav with glowing arrow accent on the active item.

#hover #shadow

Live preview Navigation

Arrow Gradient Flow Navbar

Nav with gradient animated arrow indicators.

#hover #animation #gradient

Live preview Navigation

Arrow Grow Expand Navbar

Nav arrow indicators grow and expand on hover.

#hover #transform

Live preview Navigation

Arrow Heart Beat Navbar

Nav with heart-beat arrow accent on the active item.

#hover #animation #transform

Live preview Navigation

Arrow Neon Active Navbar

Nav with neon glowing arrow on the active item.

#hover #animation #shadow

Live preview Navigation

Arrow Outline Draw Navbar

Nav with arrow outline drawn on the active item.

#hover #animation #transform

Live preview Navigation

Arrow Pentagon Shape Navbar

Nav links shaped as pentagons with arrow flow.

#hover

Live preview Navigation

Arrow Pill Shape Navbar

Nav with pill-shaped arrow indicators on active items.

#hover

Live preview Navigation

Arrow Pulse Throb Navbar

Nav arrow indicators pulse and throb on the active item.

#hover #animation #transform

Live preview Navigation

Arrow Rotate Spin Navbar

Nav arrow indicators rotate-spin when hovered.

#hover #transform

Live preview Navigation

Arrow Shrink Compress Navbar

Nav links compress and shrink with arrow accent on hover.

#hover #transform

Live preview Navigation

Arrow Slide Track Navbar

Nav links slide along a track with arrow indicator.

#hover #transform

Live preview Navigation

Arrow Square Dot Navbar

Nav with square dot arrow indicators on active items.

#hover #shadow #border

Live preview Navigation

Arrow Star Burst Navbar

Nav with star-burst arrow accent on the active item.

#hover #transform

Live preview Navigation

Arrow Triangle Point Navbar

Nav with triangle-pointed active indicators.

#hover

Live preview Navigation

Arrow Triple Stack Navbar

Nav with triple-stacked arrow indicators on the active item.

#hover #transform

Live preview Navigation

Arrow Wave Flow Navbar

Nav with wavy arrow flow separators between items.

#hover #animation #transform

Live preview Navigation

Arrow Zigzag Flow Navbar

Nav with zigzag-shaped arrow flow separators.

#hover #animation #transform

Live preview Navigation

Aurora Background Navbar

Navbar with aurora-like animated gradient blobs.

#hover #animation #gradient

Live preview Navigation

Blurred Glass Navbar

Navbar with heavy backdrop blur and gradient border.

#hover #gradient #shadow

Live preview Navigation

Bob Buoyant Navbar

Links bob up and down buoyantly on hover.

#hover #animation #gradient

Live preview Navigation

Bordered Bottom Navbar

Navbar with thick gradient bottom border.

#hover #gradient #shadow

Live preview Navigation

Bordered Top Navbar

Navbar with thick gradient top border.

#hover #gradient #shadow

Live preview Navigation

Fixed Bottom Nav

Fixed bottom navigation bar with icons.

#hover #transform

Live preview Navigation

Glass Bottom Nav

Glassmorphism bottom navigation.

#hover #shadow #border

Live preview Navigation

Glow Bottom Nav

Bottom nav with glowing active item.

#hover #shadow #border

Live preview Navigation

Gradient Bottom Nav

Bottom nav with gradient active icon.

#hover #gradient #transform

Live preview Navigation

Bounce Drop Navbar

Hovered links drop and bounce in from above with an overshoot.

#hover #transform

Live preview Navigation

Breathe Glow Navbar

Active link breathes with a soft expanding glow halo.

#hover #animation #shadow

Live preview Navigation

Brutalist Navbar

Raw brutalist navbar with thick borders and offset shadow.

#hover #transform #shadow

Live preview Navigation

3D Rotate Hamburger

Hamburger with full 3D rotation on hover.

#hover #transform #border

Live preview Navigation

Bounce Hamburger

Hamburger that bounces on hover.

#hover #animation #transform

Popular tags