Hover Effects — 860 CSS effects

Saturate Pop

Colors punch to hyper-saturated on hover.

Scale + Blur Background

Background scales up and blurs while a foreground panel focuses in.

Scale Grow

Element scales up uniformly on hover.

3D Scale Pulse

3D pulsing scale on hover.

Scale Shrink

Element shrinks down on hover.

#gradient #animation #hover

Scanline Sweep

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

#hover #animation #shadow

Scramble Text

Text appears scrambled on hover.

Seesaw Gentle

Gentle seesaw tilt on hover.

Seesaw Tilt

Element tilts like a seesaw on hover.

Seesaw Violent

Violent seesaw motion on hover.

Sepia Light

Subtle warm sepia wash on hover.

Sepia Strong

Deep sepia film tone on hover.

Sepia Warm

Vintage sepia tone washes over on hover.

Shadow 3D Deep

Deep 3D extruded shadow on hover.

Shadow Angled

Sharp angled offset shadow on hover.

Shadow Clone

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

Shadow Colored

Vibrant colored shadow on hover.

Shadow Extend

Drop shadow stretches long and offset on hover.

Shadow Hard Edge

Crisp hard-edged shadow on hover.

Shadow Layered

Stacked layered shadows on hover.

Shadow Long Tail

Long tail shadow streams on hover.

Shadow Perspective

Perspective floor shadow on hover.

Shadow Short Pop

Short tight shadow pop on hover.

Shadow Soft

Soft diffuse shadow on hover.

Shake Diagonal

Diagonal shake on hover.

Shake Horizontal

Horizontal shake on hover.

Mini Shake

Subtle small shake on hover.

Shake Random

Random multi-axis shake on hover.

Shake Side

Element shakes horizontally on hover.

Shake Subtle

Subtle micro-shake on hover.

Shake Vertical

Vertical shake on hover.

Shake Violent

Violent intense shake on hover.

Shatter Glass

Shatters into glass shards on hover.

Shimmer Veil

Shimmering veil over content on hover.

#hover #gradient

Shine Line Sweep

A bright shine band sweeps diagonally across the icon button.

#gradient #hover #border

Shine Swipe Panel

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

Shiver Frost

Frosty shiver on hover.

Shrink Fade

Element shrinks and fades on hover.

Shrink Vanish

Shrinks toward vanish on hover.

Shudder Cold

Cold shudder on hover.

Shutter Close

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

Shutter Open

Horizontal shutter opens on hover.

Sidespin

Element spins sideways on hover.

#hover #transform #3d

Silver Shine

Cool silver shine sweeps across on hover.

#hover #gradient

Sink Down

Element sinks downward on hover.

Skew Shift Tile

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

Skew Tilt Button

Button skews horizontally on hover for a playful tilt.

Skew X

Element skews horizontally on hover.

Skew Y

Element skews vertically on hover.

Skew Y Deep

Deep Y-axis skew on hover.

Slide Diagonal Reveal

Diagonal slide reveal on hover.

Slide Down Fast

Fast downward slide on hover.

Slide Down Reveal

Content slides down to reveal hidden layer on hover.

Slide Down Soft

Soft slide downward on hover.

Slide Left Fast

Fast slide to left on hover.

Slide Left Reveal

Content slides left to reveal hidden layer on hover.

Slide Left Soft

Soft slide to left on hover.

Slide Reveal Overlay

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

#gradient #hover #border

Slide Right Fast

Fast slide to right on hover.

Slide Right Reveal

Content slides right to reveal hidden layer on hover.

Slide Right Soft

Soft slide to right on hover.

Slide Up Fast

Fast upward slide on hover.

Slide Up Reveal

Content slides up to reveal hidden layer on hover.

Slide Up Soft

Soft slide upward on hover.

Smoke Rise

Smoke rises upward on hover.

Smoke Wisp

Smoke wisps drift upward on hover.

Snow Drift

Snow drifts down on hover.

Snow Fall

Snow falls across surface on hover.

Snow Swirl

Snow swirls in vortex on hover.

Soft Inner Glow

Inner glow blooms from within on hover.

#hover #shadow

Somersault

Element does a somersault on hover.

Sparkle Burst

Sparkles burst outward on hover.

Sparks Burst

Sparks burst outward on hover.

Sparks Rain

Sparks rain down on hover.

Sparks Trail

Trail of sparks follows on hover.

Spasm Jolt

Sudden spasm jolt on hover.

Fast Spin

Rapid continuous spin on hover.

Soft Spin

Soft 180-degree spin on hover.

Spin Zoom

Combined spin and zoom on hover.

Cursor Spotlight

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

#gradient #hover #border

Spotlight Cursor

Spotlight follows the cursor across the surface.

#hover #gradient

Spotlight Warm Glow

Warm spotlight intensifies on hover.

#hover #gradient #shadow

Spotlight Zoom

Spotlight zooms in and brightens on hover.

Spring Bounce

Spring-loaded bounce on hover.

Squash Flat

Element squashes flat on hover.

Stage Light Spot

Theatrical stage spot on hover.

Starburst Rays

Radiating starburst rays on hover.

Stars Shoot

Shooting stars streak on hover.

Stars Spin

Stars spin in galaxy on hover.

Stars Twinkle

Stars twinkle in night sky on hover.

#animation #hover #border

Static Noise

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

Stretch Tall

Element stretches tall and thin on hover.

Stretch Taller

Stretches taller on hover.

Stretch Wider

Stretches wider on hover.

Stretch X

Element stretches horizontally on hover.

Stretch Y

Element stretches vertically on hover.