#hover CSS effects

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

Live preview Hover

Scale Shrink

Element shrinks down on hover.

#hover #transform

Live preview Hover

Scanline Sweep

A bright CRT scanline sweeps vertically down the panel on hover.

#gradient #animation #hover

Live preview Hover

Scramble Text

Text appears scrambled on hover.

#hover #animation #shadow

Live preview Hover

Seesaw Gentle

Gentle seesaw tilt on hover.

#hover #animation #transform

Live preview Hover

Seesaw Tilt

Element tilts like a seesaw on hover.

#hover #animation #transform

Live preview Hover

Seesaw Violent

Violent seesaw motion on hover.

#hover #animation #transform

Live preview Hover

Sepia Light

Subtle warm sepia wash on hover.

#hover #filter

Live preview Hover

Sepia Strong

Deep sepia film tone on hover.

#hover #filter

Live preview Hover

Sepia Warm

Vintage sepia tone washes over on hover.

#hover #filter

Live preview Hover

Shadow 3D Deep

Deep 3D extruded shadow on hover.

#hover #transform #shadow

Live preview Hover

Shadow Angled

Sharp angled offset shadow on hover.

#hover #transform #shadow

Live preview Hover

Shadow Clone

Two blurred echo clones offset diagonally behind the button on hover.

#gradient #hover #shadow

Live preview Hover

Shadow Colored

Vibrant colored shadow on hover.

#hover #transform #shadow

Live preview Hover

Shadow Extend

Drop shadow stretches long and offset on hover.

#hover #transform #shadow

Live preview Hover

Shadow Hard Edge

Crisp hard-edged shadow on hover.

#hover #transform #shadow

Live preview Hover

Shadow Layered

Stacked layered shadows on hover.

#hover #transform #shadow

Live preview Hover

Shadow Long Tail

Long tail shadow streams on hover.

#hover #transform #shadow

Live preview Hover

Shadow Perspective

Perspective floor shadow on hover.

#hover #gradient #transform

Live preview Hover

Shadow Short Pop

Short tight shadow pop on hover.

#hover #transform #shadow

Live preview Hover

Shadow Soft

Soft diffuse shadow on hover.

#hover #transform #shadow

Live preview Hover

Shake Diagonal

Diagonal shake on hover.

#hover #animation #transform

Live preview Hover

Shake Horizontal

Horizontal shake on hover.

#hover #animation #transform

Live preview Hover

Mini Shake

Subtle small shake on hover.

#hover #animation #transform

Live preview Hover

Shake Random

Random multi-axis shake on hover.

#hover #animation #transform

Live preview Hover

Shake Side

Element shakes horizontally on hover.

#hover #animation #transform

Live preview Hover

Shake Subtle

Subtle micro-shake on hover.

#hover #animation #transform

Live preview Hover

Shake Vertical

Vertical shake on hover.

#hover #animation #transform

Live preview Hover

Shake Violent

Violent intense shake on hover.

#hover #animation #transform

Live preview Hover

Shatter Glass

Shatters into glass shards on hover.

#hover #gradient #transform

Live preview Hover

Shimmer Veil

Shimmering veil over content on hover.

#hover #gradient

Live preview Hover

Shine Line Sweep

A bright shine band sweeps diagonally across the icon button.

#gradient #hover #border

Live preview Hover

Shine Swipe Panel

A narrow highlight sweeps diagonally across the panel exactly once per hover.

#hover #gradient #transform

Live preview Hover

Shiver Frost

Frosty shiver on hover.

#hover #animation #transform

Live preview Hover

Shrink Fade

Element shrinks and fades on hover.

#hover #transform

Live preview Hover

Shrink Vanish

Shrinks toward vanish on hover.

#hover #transform

Live preview Hover

Shudder Cold

Cold shudder on hover.

#hover #animation #transform

Live preview Hover

Shutter Close

Four triangular shutter blades sweep in from the corners to close over the panel on hover.

#gradient #hover #shadow

Live preview Hover

Shutter Open

Horizontal shutter opens on hover.

#hover #transform

Live preview Hover

Sidespin

Element spins sideways on hover.

#hover #transform #3d

Live preview Hover

Silver Shine

Cool silver shine sweeps across on hover.

#hover #gradient

Live preview Hover

Sink Down

Element sinks downward on hover.

#hover #transform

Live preview Hover

Skew Shift Tile

The tile leans into a slight skew and its shadow slides out to keep it grounded.

#hover #gradient #transform

Live preview Hover

Skew Tilt Button

Button skews horizontally on hover for a playful tilt.

#gradient #hover #shadow

Live preview Hover

Skew X

Element skews horizontally on hover.

#hover #transform

Live preview Hover

Skew Y

Element skews vertically on hover.

#hover #transform

Live preview Hover

Skew Y Deep

Deep Y-axis skew on hover.

#hover #transform

Live preview Hover

Slide Diagonal Reveal

Diagonal slide reveal on hover.

#hover #transform

Live preview Hover

Slide Down Fast

Fast downward slide on hover.

#hover #transform

Live preview Hover

Slide Down Reveal

Content slides down to reveal hidden layer on hover.

#hover #transform

Live preview Hover

Slide Down Soft

Soft slide downward on hover.

#hover #transform

Live preview Hover

Slide Left Fast

Fast slide to left on hover.

#hover #transform

Live preview Hover

Slide Left Reveal

Content slides left to reveal hidden layer on hover.

#hover #transform

Live preview Hover

Slide Left Soft

Soft slide to left on hover.

#hover #transform

Live preview Hover

Slide Reveal Overlay

A colored panel slides up from below, swapping the label text color.

#gradient #hover #border

Live preview Hover

Slide Right Fast

Fast slide to right on hover.

#hover #transform

Live preview Hover

Slide Right Reveal

Content slides right to reveal hidden layer on hover.

#hover #transform

Live preview Hover

Slide Right Soft

Soft slide to right on hover.

#hover #transform

Live preview Hover

Slide Up Fast

Fast upward slide on hover.

#hover #transform

Live preview Hover

Slide Up Reveal

Content slides up to reveal hidden layer on hover.

#hover #transform

Live preview Hover

Slide Up Soft

Soft slide upward on hover.

#hover #transform

Live preview Hover

Smoke Rise

Smoke rises upward on hover.

#hover #gradient #transform

Live preview Hover

Smoke Wisp

Smoke wisps drift upward on hover.

#hover #animation #transform

Live preview Hover

Snow Drift

Snow drifts down on hover.

#hover #animation #gradient

Live preview Hover

Snow Fall

Snow falls across surface on hover.

#hover #animation #gradient

Live preview Hover

Snow Swirl

Snow swirls in vortex on hover.

#hover #animation #gradient

Live preview Hover

Soft Inner Glow

Inner glow blooms from within on hover.

#hover #shadow

Live preview Hover

Somersault

Element does a somersault on hover.

#hover #transform

Live preview Hover

Sparkle Burst

Sparkles burst outward on hover.

#hover #transform

Live preview Hover

Sparks Burst

Sparks burst outward on hover.

#hover #transform #shadow

Live preview Hover

Sparks Rain

Sparks rain down on hover.

#hover #animation #gradient

Live preview Hover

Sparks Trail

Trail of sparks follows on hover.

#hover #animation #gradient

Live preview Hover

Spasm Jolt

Sudden spasm jolt on hover.

#hover #animation #transform

Live preview Hover

Fast Spin

Rapid continuous spin on hover.

#hover #animation #transform

Live preview Hover

Soft Spin

Soft 180-degree spin on hover.

#hover #transform

Live preview Hover

Spin Zoom

Combined spin and zoom on hover.

#hover #transform

Live preview Hover

Cursor Spotlight

A radial spotlight follows the cursor across the surface on hover.

#gradient #hover #border

Live preview Hover

Spotlight Cursor

Spotlight follows the cursor across the surface.

#hover #gradient

Live preview Hover

Spotlight Warm Glow

Warm spotlight intensifies on hover.

#hover #gradient #shadow

Live preview Hover

Spotlight Zoom

Spotlight zooms in and brightens on hover.

#hover #gradient #transform

Live preview Hover

Spring Bounce

Spring-loaded bounce on hover.

#hover #transform

Live preview Hover

Squash Flat

Element squashes flat on hover.

#hover #transform

Live preview Hover

Stage Light Spot

Theatrical stage spot on hover.

#hover #gradient #transform

Live preview Hover

Starburst Rays

Radiating starburst rays on hover.

#hover #gradient #transform

Live preview Hover

Stars Shoot

Shooting stars streak on hover.

#hover #animation #transform

Live preview Hover

Stars Spin

Stars spin in galaxy on hover.

#hover #animation #gradient

Live preview Hover

Stars Twinkle

Stars twinkle in night sky on hover.

#hover #animation #gradient

Live preview Hover

Static Noise

TV static noise overlay fills the panel with rapid random flicker on hover.

#animation #hover #border

Live preview Hover

Stretch Tall

Element stretches tall and thin on hover.

#hover #transform

Live preview Hover

Stretch Taller

Stretches taller on hover.

#hover #transform

Live preview Hover

Stretch Wider

Stretches wider on hover.

#hover #transform

Live preview Hover

Stretch X

Element stretches horizontally on hover.

#hover #transform

Live preview Hover

Stretch Y

Element stretches vertically on hover.

#hover #transform

Live preview Hover

Stretchy Pull

Stretchy elastic pull on hover.

#hover #transform

Live preview Hover

Strobe Flash

Rapid strobe flash pulses on hover.

#hover #animation

Live preview Hover

Strobe Pulse

Pulsing strobe light on hover.

#hover #animation #shadow

Live preview Hover

Sway Gentle

Element sways gently side to side on hover.

#hover #animation #transform

Popular tags