#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

Fast Orbit Particles

Particles orbit rapidly around the element on hover.

#hover #animation #transform

Live preview Hover

Petals Bloom

Petals bloom outward on hover.

#hover #animation #transform

Live preview Hover

Rain Storm

Rain storm falls on hover.

#hover #animation #gradient

Live preview Hover

Rocket Launch

Rocket launches upward on hover.

#hover #animation #gradient

Live preview Hover

Smoke Trail

Smoke trail rises on hover.

#hover #animation #gradient

Live preview Hover

Snow Blizzard

Snow blizzard swirls on hover.

#hover #animation #gradient

Live preview Hover

Spark Fountain

Sparks fountain upward on hover.

#hover #animation #transform

Live preview Hover

Sparkler

Sparkler sparkles on hover.

#hover #animation #shadow

Live preview Hover

Spiral In Particles

Particles spiral inward toward the element on hover.

#hover #animation #transform

Live preview Hover

Stardust

Magical stardust sprinkles on hover.

#hover #animation #gradient

Live preview Hover

Fast Particle Swirl

Particles swirl rapidly around the element on hover.

#hover #animation #transform

Live preview Hover

Thunder Flash

Thunder flash lights up on hover.

#hover #animation #shadow

Live preview Hover

Torch Flame

Torch flame blazes on hover.

#hover #animation #gradient

Live preview Hover

Tornado Particles

Tornado-like swirling particles on hover.

#hover #animation #gradient

Live preview Hover

Volcano Erupt

Volcano erupts with lava on hover.

#hover #animation #transform

Live preview Hover

Vortex Particles

Vortex of particles spins around the element on hover.

#hover #animation #gradient

Live preview Hover

Waterfall

Waterfall cascades down on hover.

#hover #animation #gradient

Live preview Hover

Wave Crest

Wave crests roll on hover.

#hover #animation #gradient

Live preview Hover

Wind Blow

Wind-like motion lines blow across on hover.

#hover #animation #gradient

Live preview Hover

Peek Over

Element peeks over from above on hover.

#hover #transform

Live preview Hover

Peek Under

Element peeks from below on hover.

#hover #transform

Live preview Hover

Pendulum Fast

Fast pendulum swing on hover.

#hover #animation #transform

Live preview Hover

Perspective Tilt

Element tilts with strong perspective on hover.

#hover #transform

Live preview Hover

Petals Drift

Sakura petals drift on hover.

#hover #animation #transform

Live preview Hover

Petals Fall

Cherry petals drift down on hover.

#hover #animation #gradient

Live preview Hover

Petals Swirl

Petals swirl around on hover.

#hover #animation #transform

Live preview Hover

Pinch Middle

Middle pinches inward on hover.

#hover #transform

Live preview Hover

Pink Shift

Hue rotates to pink on hover.

#hover #transform #filter

Live preview Hover

Pixelate Blur

Element pixelates with blur on hover.

#hover #filter

Live preview Hover

Pixelate Out

Pixelate dissolve out on hover.

#hover #filter

Live preview Hover

Polaroid Tint

Warm polaroid instant-film tint on hover.

#hover #transform #filter

Live preview Hover

Polychrome Neon

Sharp neon hue cycling on hover.

#hover #animation #shadow

Live preview Hover

Polychrome Pastel

Soft pastel hue rotation on hover.

#hover #animation

Live preview Hover

Polychrome Rainbow

Animated rainbow wash on hover.

#hover #animation #gradient

Live preview Hover

Pop In

Element pops inward on hover.

#hover #transform

Live preview Hover

Pop Out

Element pops outward on hover.

#hover #transform

Live preview Hover

Pulse Glow Halo

A neon halo rhythmically pulses around the button while hovered.

#animation #glow #hover

Live preview Hover

Pulse Light

Soft light pulses gently on hover.

#hover #animation #shadow

Live preview Hover

Pulse Throb

Throbbing pulse on hover.

#hover #animation #transform

Live preview Hover

Purple Haze

Dreamy purple haze drifts over on hover.

#hover #gradient #transform

Live preview Hover

Purple Shift

Hue rotates to purple on hover.

#hover #transform #filter

Live preview Hover

Push Reveal

Top label pushes up and out, pulling a second label up from below on hover.

#hover #border #transform

Live preview Hover

Quiver Soft

Soft nervous quiver on hover.

#hover #animation #transform

Live preview Hover

Rain Pour

Pouring rain on hover.

#hover #animation #gradient

Live preview Hover

Rain Ripple

Ripple rings from rain on hover.

#hover #animation #shadow

Live preview Hover

Rain Splash

Rain splash droplets on hover.

#hover #animation #transform

Live preview Hover

Rainbow Text Flow

Rainbow gradient flows across text on hover.

#hover #animation #gradient

Live preview Hover

Ray Burst

Light rays burst outward from center on hover.

#hover #animation #gradient

Live preview Hover

Red Shift

Hue rotates to red on hover.

#hover #transform #filter

Live preview Hover

Reflection Mirror

Mirror reflection beneath on hover.

#hover #gradient #transform

Live preview Hover

Reflection Water

Wavy water reflection on hover.

#hover #animation #gradient

Live preview Hover

Refraction Lens

Lens refraction magnifies on hover.

#hover #transform #filter

Live preview Hover

Refraction Prism

Prism splits light on hover.

#hover #gradient #transform

Live preview Hover

RGB Shift Anim

RGB channels shift continuously on hover.

#hover #animation #shadow

Live preview Hover

Rim Light Edge

Bright rim light traces edges on hover.

#hover #shadow #border

Live preview Hover

Ripple Pulse

An expanding ring ripples outward from the button on hover.

#gradient #hover #border

Live preview Hover

Rock Chair

Element rocks like a rocking chair on hover.

#hover #animation #transform

Live preview Hover

Rock Hard

Hard aggressive rocking on hover.

#hover #animation #transform

Live preview Hover

Rock Soft

Soft rocking motion on hover.

#hover #animation #transform

Live preview Hover

Roll Back

Element rolls backward on hover.

#hover #transform

Live preview Hover

Rotate 3D Book

Book-opening flip on hover.

#hover #transform #border

Live preview Hover

Rotate 3D Box

Box lid flip open on hover.

#hover #transform #border

Live preview Hover

Rotate 3D Card

Playing card 3D flip on hover.

#hover #transform #border

Live preview Hover

Rotate 3D Combo

Combined X+Y+Z rotation on hover.

#hover #transform #3d

Live preview Hover

Rotate 3D Cube

Cube-face rotation on hover.

#hover #transform #3d

Live preview Hover

Rotate 3D Door

Door-swing rotation on hover.

#hover #transform #border

Live preview Hover

Rotate 3D Envelope

Envelope flap fold on hover.

#hover #transform #border

Live preview Hover

Rotate 3D Fold

Fold-over 3D on hover.

#hover #transform #3d

Live preview Hover

Rotate 3D Origami

Origami fold on hover.

#hover #transform #3d

Live preview Hover

Rotate 3D Page

Page-turn 3D flip on hover.

#hover #transform #border

Live preview Hover

Rotate 3D Panel

Panel swing on hover.

#hover #transform #3d

Live preview Hover

Rotate 3D Paper Boat

Paper boat rocking on hover.

#hover #transform #3d

Live preview Hover

Rotate 3D Paper Plane

Paper-plane banking on hover.

#hover #transform #3d

Live preview Hover

Rotate 3D Roll

Continuous 3D roll on hover.

#hover #animation #transform

Live preview Hover

Rotate 3D Shutter

Camera shutter flip on hover.

#hover #transform #3d

Live preview Hover

Rotate 3D Spin

Diagonal 3D spin on hover.

#hover #transform #3d

Live preview Hover

Rotate 3D Tilt

Smooth 3D tilt on hover.

#hover #transform #3d

Live preview Hover

Rotate 3D Tumble

Tumbling multi-axis rotation on hover.

#hover #animation #transform

Live preview Hover

Rotate 3D Twist

Twisted 3D rotation on hover.

#hover #transform #3d

Live preview Hover

Rotate 3D Window

Window-shutter flip on hover.

#hover #transform #3d

Live preview Hover

Rotate Full Spin

Element does a full 360 spin on hover.

#hover #transform

Live preview Hover

3D Rotate Wobble

3D rotation with wobble on hover.

#hover #animation #transform

Live preview Hover

Rotate X Full

Full 360° rotation on X-axis on hover.

#hover #animation #transform

Live preview Hover

Rotate X Half

Half 180° rotation on X-axis on hover.

#hover #transform #3d

Live preview Hover

Rotate Y Full

Full 360° rotation on Y-axis on hover.

#hover #animation #transform

Live preview Hover

Rotate Y Half

Half 180° Y-axis rotation on hover.

#hover #transform #3d

Live preview Hover

Rotate Z Full

Full 360° Z-axis spin on hover.

#hover #animation #transform

Live preview Hover

Rotate Z Half

Half 180° Z-axis rotation on hover.

#hover #transform

Live preview Hover

Rotate Z Spin

Element rotates 180 degrees on Z axis on hover.

#hover #transform

Live preview Hover

Rubber Band

Element wobbles like a rubber band on hover.

#hover #animation #transform

Live preview Hover

Rubber Snap

Rubber-band snap transform on hover.

#hover #animation #transform

Live preview Hover

Saturate Pop

Colors punch to hyper-saturated on hover.

#hover #filter

Live preview Hover

Scale + Blur Background

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

#gradient #hover #shadow

Live preview Hover

Scale Grow

Element scales up uniformly on hover.

#hover #transform

Live preview Hover

3D Scale Pulse

3D pulsing scale on hover.

#hover #animation #transform

Popular tags