Hover Effects — 850 CSS effects

#hover #transform #filter

Refraction Lens

Lens refraction magnifies on hover.

#hover #gradient #transform

Refraction Prism

Prism splits light on hover.

#hover #animation #shadow

RGB Shift Anim

RGB channels shift continuously on hover.

RGB Channel Split

Text splits into red and cyan channel ghosts that drift apart on hover.

Rim Light Edge

Bright rim light traces edges on hover.

#hover #shadow #border

Ripple Pulse

An expanding ring ripples outward from the button on hover.

#gradient #hover #border

Rock Chair

Element rocks like a rocking chair on hover.

Rock Hard

Hard aggressive rocking on hover.

Rock Soft

Soft rocking motion on hover.

Roll Back

Element rolls backward on hover.

Rotate 3D Book

Book-opening flip on hover.

Rotate 3D Box

Box lid flip open on hover.

Rotate 3D Card

Playing card 3D flip on hover.

#hover #animation #gradient

Rotate 3D Coin

Coin-spin on Y-axis on hover.

Rotate 3D Combo

Combined X+Y+Z rotation on hover.

Rotate 3D Crate

Crate lid swings open on hover.

Rotate 3D Cube

Cube-face rotation on hover.

Rotate 3D Door

Door-swing rotation on hover.

Rotate 3D Envelope

Envelope flap fold on hover.

Rotate 3D Flip

Single 3D flip on hover.

Rotate 3D Fold

Fold-over 3D on hover.

Rotate 3D Origami

Origami fold on hover.

Rotate 3D Page

Page-turn 3D flip on hover.

Rotate 3D Panel

Panel swing on hover.

Rotate 3D Paper Boat

Paper boat rocking on hover.

Rotate 3D Paper Plane

Paper-plane banking on hover.

Rotate 3D Roll

Continuous 3D roll on hover.

Rotate 3D Shutter

Camera shutter flip on hover.

Rotate 3D Spin

Diagonal 3D spin on hover.

Rotate 3D Tilt

Smooth 3D tilt on hover.

Rotate 3D Tumble

Tumbling multi-axis rotation on hover.

Rotate 3D Twist

Twisted 3D rotation on hover.

Rotate 3D Window

Window-shutter flip on hover.

Rotate Full Spin

Element does a full 360 spin on hover.

3D Rotate Wobble

3D rotation with wobble on hover.

Rotate X Full

Full 360° rotation on X-axis on hover.

Rotate X Half

Half 180° rotation on X-axis on hover.

Rotate Y Full

Full 360° rotation on Y-axis on hover.

Rotate Y Half

Half 180° Y-axis rotation on hover.

Rotate Z Full

Full 360° Z-axis spin on hover.

Rotate Z Half

Half 180° Z-axis rotation on hover.

Rotate Z Spin

Element rotates 180 degrees on Z axis on hover.

Rubber Band

Element wobbles like a rubber band on hover.

Rubber Snap

Rubber-band snap transform on hover.

Saturate Bleed

Over-saturates with a soft bloom halo on hover.

#hover #shadow #filter

Saturate Pop

Colors punch to hyper-saturated on hover.

Saturate Surge

Saturation surges to maximum 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.

#hover #gradient #transform

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

Panel splits into 4 glassy quadrants that fly outward and fade on hover.

#gradient #hover #glass

#hover #gradient #transform

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

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.

Silver Shine

Cool silver shine sweeps across on hover.

#hover #gradient

Sink Down

Element sinks downward on hover.

Skew Tilt Button

Button skews horizontally on hover for a playful tilt.

Skew X

Element skews horizontally on hover.

Skew X Deep

Deep X-axis skew on hover.

Skew Y

Element skews vertically on hover.