#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

Fade Flip Y Mask

Content flips Y-fades in on hover.

#hover #transform

Live preview Hover

Fade Rotate Mask

Content rotates-fades in on hover.

#hover #transform

Live preview Hover

Fade Skew Mask

Content skews-fades in on hover.

#hover #transform

Live preview Hover

Fade Slide Down Mask

Fades in while sliding down on hover.

#hover #transform

Live preview Hover

Fade Slide Up Mask

Fades in while sliding up on hover.

#hover #transform

Live preview Hover

Fade Zoom Mask

Content zoom-fades in on hover.

#hover #transform

Live preview Hover

Grid Emerge Mask

Grid pattern emerges across the element on hover.

#hover #gradient

Live preview Hover

Iris Wipe Mask

Iris-like circle wipe reveals on hover.

#hover #gradient

Live preview Hover

Jigsaw Assemble Mask

Jigsaw pieces assemble on hover.

#hover #transform

Live preview Hover

Linear Wipe Bottom

Linear wipe reveals content from bottom on hover.

#hover

Live preview Hover

Linear Wipe Left

Linear wipe reveals content from left on hover.

#hover

Live preview Hover

Linear Wipe Right

Linear wipe reveals content from right on hover.

#hover

Live preview Hover

Linear Wipe Top

Linear wipe reveals content from top on hover.

#hover

Live preview Hover

Mosaic Tile Mask

Mosaic tiles flip in on hover.

#hover #transform

Live preview Hover

Page Turn 3D Mask

Page-like 3D turn reveals on hover.

#hover #transform #3d

Live preview Hover

Pixelate Reveal Mask

Pixelated mosaic reveals on hover.

#hover #gradient

Live preview Hover

Puzzle Piece Mask

Puzzle pieces fit together on hover.

#hover #transform

Live preview Hover

Quad Four Mask

Four quadrants animate on hover.

#hover #transform

Live preview Hover

Radial Mask Grow

Radial mask reveals content from center outward on hover.

#hover

Live preview Hover

Radial Mask Shrink

Background mask shrinks toward center on hover.

#hover

Live preview Hover

Rotate Blur In Mask

Rotates and blurs in on hover.

#hover #transform #filter

Live preview Hover

Scatter Gather Mask

Scattered pieces gather together on hover.

#hover #transform

Live preview Hover

Slide Rotate Mask

Slides and rotates to reveal on hover.

#hover #transform

Live preview Hover

Split Cross Mask

Element splits in four cross-sections on hover.

#hover #transform

Live preview Hover

Split Diagonal Mask

Element splits diagonally on hover.

#hover

Live preview Hover

Split Horizontal Mask

Element splits horizontally to reveal on hover.

#hover #transform

Live preview Hover

Split Vertical Mask

Element splits vertically to reveal on hover.

#hover #transform

Live preview Hover

Spotlight Cursor Mask

Spotlight reveals around the cursor on hover.

#hover #gradient

Live preview Hover

Stair Step Mask

Staircase pattern reveals on hover.

#hover

Live preview Hover

Wave Sweep Mask

Wavy mask sweeps across on hover.

#hover #gradient

Live preview Hover

Zigzag Trace Mask

Zigzag pattern traces across on hover.

#hover #gradient #transform

Live preview Hover

Zoom Blur In Mask

Zoom-blur reveals content on hover.

#hover #transform #filter

Live preview Hover

Melt Drip

Button melts downward with drooping corners and a falling drip on hover.

#gradient #hover #border

Live preview Hover

Melt Drip Down

Element melts and drips down on hover.

#hover #transform

Live preview Hover

Melt Wax

Melts like wax on hover.

#hover #transform

Live preview Hover

Morph Blob

Morphs into organic blob on hover.

#hover

Live preview Hover

Morph Circle

Element morphs into a circle on hover.

#hover

Live preview Hover

Morph Diamond

Morphs into diamond on hover.

#hover #transform

Live preview Hover

Morph Heart

Morphs into heart shape on hover.

#hover #transform

Live preview Hover

Morph Hexagon

Morphs into hexagon on hover.

#hover #transform

Live preview Hover

Morph Star

Morphs into star shape on hover.

#hover #transform

Live preview Hover

Mosaic Assemble

Mosaic tiles assemble on hover.

#hover #gradient

Live preview Hover

Mosaic Disperse

Mosaic tiles disperse on hover.

#hover #gradient

Live preview Hover

Motion Smear

Label smears horizontally with a directional blur as if caught mid-motion on hover.

#gradient #hover #border

Live preview Hover

Motion Streak

Motion streak trail follows on hover.

#hover #transform #shadow

Live preview Hover

Neon Pink Glow

Hot pink neon glow surrounds on hover.

#hover #shadow #border

Live preview Hover

Night Vision

Green phosphor night-vision tint on hover.

#hover #transform #shadow

Live preview Hover

OKLCH Lift Tile

One OKLCH base colour feeds the surface, border and shadow through color-mix.

#hover #border #shadow

Live preview Hover

Orange Shift

Hue rotates to orange on hover.

#hover #transform #filter

Live preview Hover

Orbit Circle

Circular orbital path on hover.

#hover #border

Live preview Hover

Orbit Ellipse

Elliptical orbit on hover.

#hover #border

Live preview Hover

Orbit Revolve

Satellite revolves on hover.

#hover #animation #transform

Live preview Hover

Orbit Spin

Orbital spin on hover.

#hover #animation #transform

Live preview Hover

Origami Fold

Element folds like origami on hover.

#hover #gradient #transform

Live preview Hover

Oscillate Sine

Smooth sine-wave oscillation on hover.

#hover #animation #transform

Live preview Hover

Oscillate Square

Square-wave step oscillation on hover.

#hover #animation #transform

Live preview Hover

Oscillate Swing

Element oscillates back and forth on hover.

#hover #animation #transform

Live preview Hover

Oscillate Triangle

Triangle-wave linear oscillation on hover.

#hover #animation #transform

Live preview Hover

Outer Glow Expand

Outer glow ring expands outward on hover.

#hover #shadow

Live preview Hover

Paint Brush

Brush stroke paint on hover.

#hover #gradient #transform

Live preview Hover

Paint Roller

Paint roller coats on hover.

#hover #gradient #transform

Live preview Hover

Paint Spray

Spray-paint splatter on hover.

#hover #gradient

Live preview Hover

Paint Stroke

Paint stroke brushes across on hover.

#hover #transform

Live preview Hover

Paper Tear

Torn paper edge reveals on hover.

#hover

Live preview Hover

Ash Fall

Ash particles fall on hover.

#hover #animation #gradient

Live preview Hover

Aurora Borealis

Northern lights aurora shifts on hover.

#hover #animation #gradient

Live preview Hover

Balloon Burst

Balloons burst on hover.

#hover #animation #transform

Live preview Hover

Balloon Rise

Balloon rises on hover.

#hover #animation #transform

Live preview Hover

Bonfire Blaze

Bonfire blaze lights up on hover.

#hover #animation #gradient

Live preview Hover

Bubble Pop

Bubbles pop on hover.

#hover #animation #gradient

Live preview Hover

Bubble Stream

Stream of bubbles rises on hover.

#hover #animation #gradient

Live preview Hover

Butterfly Flutter

Butterfly-like wings flutter on hover.

#hover #animation #transform

Live preview Hover

Cloud Drift

Clouds drift across on hover.

#hover #animation #gradient

Live preview Hover

Comet Trail

Comet streaks across on hover.

#hover #animation #gradient

Live preview Hover

Confetti Rain

Confetti rains down on hover.

#hover #animation #gradient

Live preview Hover

Crystal Spark

Crystal sparkles twinkle on hover.

#hover #animation #transform

Live preview Hover

Dew Drops

Dew drops form on hover.

#hover #animation #gradient

Live preview Hover

Electric Arc

Electric arcs flicker on hover.

#hover #animation #gradient

Live preview Hover

Fairy Dust

Fairy dust sparkles trail on hover.

#hover #animation #gradient

Live preview Hover

Feather Drift

Feathers drift down on hover.

#hover #animation #gradient

Live preview Hover

Firecracker

Firecracker bursts on hover.

#hover #animation #transform

Live preview Hover

Fireflies Dance

Fireflies dance across on hover.

#hover #animation #shadow

Live preview Hover

Foam Fizz

Foam fizzles on hover.

#hover #animation #gradient

Live preview Hover

Fog Roll

Fog rolls in across the element on hover.

#hover #animation #gradient

Live preview Hover

Fountain Jet

Fountain jets upward on hover.

#hover #animation #transform

Live preview Hover

Galaxy Particles

Galaxy of stars swirls around on hover.

#hover #animation #gradient

Live preview Hover

Geyser Spray

Geyser sprays upward on hover.

#hover #animation #gradient

Live preview Hover

Hail Stones

Hail stones fall on hover.

#hover #animation #gradient

Live preview Hover

Leaves Fall

Leaves fall across on hover.

#hover #animation #transform

Live preview Hover

Light Rays

Light rays beam on hover.

#hover #animation #gradient

Live preview Hover

Lightning Bolt

Lightning bolt strikes on hover.

#hover #animation #gradient

Live preview Hover

Magic Sparkle

Magic sparkles burst on hover.

#hover #animation #gradient

Live preview Hover

Meteor Shower

Multiple meteors streak down on hover.

#hover #animation #gradient

Live preview Hover

Moth Flutter

Moth flutters around on hover.

#hover #animation

Live preview Hover

Northern Lights

Soft northern lights drift on hover.

#hover #animation #gradient

Live preview Hover

Particles Orbit

Particles orbit around on hover.

#hover #animation #transform

Popular tags