Most Popular CSS Effects (Page 66)

Live preview Hover

Pentagon Clip

Pentagon clip-path reveals on hover.

#hover

Live preview Hover

Triangle Clip

Triangle clip-path reveals on hover.

#hover

Live preview Hover

Clock Wipe Mask

Clock-hand wipe reveals from center on hover.

#hover

Live preview Hover

Conic Spin Grow

Conic gradient mask spins and grows on hover.

#hover

Live preview Hover

Corners Collapse Mask

Four corners collapse inward on hover.

#hover #transform

Live preview Hover

Counter Clockwise Wipe

Counter-clockwise wipe reveals on hover.

#hover

Live preview Hover

Cross Wipe Mask

Two wipes cross to form an X on hover.

#hover #transform

Live preview Hover

Curtain Ripple Mask

Curtain ripples to reveal content on hover.

#hover #transform

Live preview Hover

Curtain Rise Fast Mask

Curtain rises quickly on hover.

#hover #transform

Live preview Hover

Side Curtain Mask

Curtain parts horizontally on hover.

#hover #transform

Live preview Hover

Diagonal Wipe BL

Diagonal wipe reveals from bottom-left corner on hover.

#hover

Live preview Hover

Diagonal Wipe TR

Diagonal wipe reveals from top-right corner on hover.

#hover

Live preview Hover

Dots Grow Mask

Dots multiply and grow to fill on hover.

#hover #animation #gradient

Live preview Hover

Edge In Mask

Mask contracts from edges inward on hover.

#hover

Live preview Hover

Fade Blur Mask

Content blurs in with fade on hover.

#hover #filter

Live preview Hover

Fade Flip X Mask

Content flips X-fades in on hover.

#hover #transform

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

Browse by category

Popular tags