Hover Effects — 860 CSS effects

Dots Grow Mask

Dots multiply and grow to fill on hover.

Edge In Mask

Mask contracts from edges inward on hover.

Fade Blur Mask

Content blurs in with fade on hover.

#hover #filter

Fade Flip X Mask

Content flips X-fades in on hover.

Fade Flip Y Mask

Content flips Y-fades in on hover.

Fade Rotate Mask

Content rotates-fades in on hover.

Fade Skew Mask

Content skews-fades in on hover.

Fade Slide Down Mask

Fades in while sliding down on hover.

Fade Slide Up Mask

Fades in while sliding up on hover.

Fade Zoom Mask

Content zoom-fades in on hover.

Grid Emerge Mask

Grid pattern emerges across the element on hover.

Iris Wipe Mask

Iris-like circle wipe reveals on hover.

Jigsaw Assemble Mask

Jigsaw pieces assemble on hover.

Linear Wipe Bottom

Linear wipe reveals content from bottom on hover.

Linear Wipe Left

Linear wipe reveals content from left on hover.

Linear Wipe Right

Linear wipe reveals content from right on hover.

Linear Wipe Top

Linear wipe reveals content from top on hover.

Mosaic Tile Mask

Mosaic tiles flip in on hover.

Page Turn 3D Mask

Page-like 3D turn reveals on hover.

#hover #transform #3d

Pixelate Reveal Mask

Pixelated mosaic reveals on hover.

Puzzle Piece Mask

Puzzle pieces fit together on hover.

Quad Four Mask

Four quadrants animate on hover.

Radial Mask Grow

Radial mask reveals content from center outward on hover.

Radial Mask Shrink

Background mask shrinks toward center on hover.

#hover #transform #filter

Rotate Blur In Mask

Rotates and blurs in on hover.

Scatter Gather Mask

Scattered pieces gather together on hover.

Slide Rotate Mask

Slides and rotates to reveal on hover.

Split Cross Mask

Element splits in four cross-sections on hover.

Split Diagonal Mask

Element splits diagonally on hover.

Split Horizontal Mask

Element splits horizontally to reveal on hover.

Split Vertical Mask

Element splits vertically to reveal on hover.

Spotlight Cursor Mask

Spotlight reveals around the cursor on hover.

Stair Step Mask

Staircase pattern reveals on hover.

Wave Sweep Mask

Wavy mask sweeps across on hover.

Zigzag Trace Mask

Zigzag pattern traces across on hover.

#hover #transform #filter

Zoom Blur In Mask

Zoom-blur reveals content on hover.

Melt Drip

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

#gradient #hover #border

Melt Drip Down

Element melts and drips down on hover.

Melt Wax

Melts like wax on hover.

Morph Blob

Morphs into organic blob on hover.

Morph Circle

Element morphs into a circle on hover.

Morph Diamond

Morphs into diamond on hover.

Morph Heart

Morphs into heart shape on hover.

Morph Hexagon

Morphs into hexagon on hover.

Morph Star

Morphs into star shape on hover.

Mosaic Assemble

Mosaic tiles assemble on hover.

Mosaic Disperse

Mosaic tiles disperse on hover.

Motion Smear

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

#gradient #hover #border

#hover #transform #shadow

Motion Streak

Motion streak trail follows on hover.

Neon Pink Glow

Hot pink neon glow surrounds on hover.

#hover #shadow #border

#hover #transform #shadow

Night Vision

Green phosphor night-vision tint on hover.

OKLCH Lift Tile

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

#hover #border #shadow

#hover #transform #filter

Orange Shift

Hue rotates to orange on hover.

Orbit Circle

Circular orbital path on hover.

#hover #border

Orbit Ellipse

Elliptical orbit on hover.

#hover #border

Orbit Revolve

Satellite revolves on hover.

Orbit Spin

Orbital spin on hover.

Origami Fold

Element folds like origami on hover.

Oscillate Sine

Smooth sine-wave oscillation on hover.

Oscillate Square

Square-wave step oscillation on hover.

Oscillate Swing

Element oscillates back and forth on hover.

Oscillate Triangle

Triangle-wave linear oscillation on hover.

Outer Glow Expand

Outer glow ring expands outward on hover.

#hover #shadow

Paint Brush

Brush stroke paint on hover.

Paint Roller

Paint roller coats on hover.

Paint Spray

Spray-paint splatter on hover.

Paint Stroke

Paint stroke brushes across on hover.

Paper Tear

Torn paper edge reveals on hover.

Ash Fall

Ash particles fall on hover.

Aurora Borealis

Northern lights aurora shifts on hover.

Balloon Burst

Balloons burst on hover.

Balloon Rise

Balloon rises on hover.

Bonfire Blaze

Bonfire blaze lights up on hover.

Bubble Pop

Bubbles pop on hover.

Bubble Stream

Stream of bubbles rises on hover.

Butterfly Flutter

Butterfly-like wings flutter on hover.

Cloud Drift

Clouds drift across on hover.

Comet Trail

Comet streaks across on hover.

Confetti Rain

Confetti rains down on hover.

Crystal Spark

Crystal sparkles twinkle on hover.

Dew Drops

Dew drops form on hover.

Electric Arc

Electric arcs flicker on hover.

Fairy Dust

Fairy dust sparkles trail on hover.

Feather Drift

Feathers drift down on hover.

Firecracker

Firecracker bursts on hover.

#hover #animation #shadow

Fireflies Dance

Fireflies dance across on hover.

Foam Fizz

Foam fizzles on hover.

Fog Roll

Fog rolls in across the element on hover.

Fountain Jet

Fountain jets upward on hover.

Galaxy Particles

Galaxy of stars swirls around on hover.

Geyser Spray

Geyser sprays upward on hover.

Hail Stones

Hail stones fall on hover.

Leaves Fall

Leaves fall across on hover.

Light Rays

Light rays beam on hover.

Lightning Bolt

Lightning bolt strikes on hover.

Magic Sparkle

Magic sparkles burst on hover.