Most Popular CSS Effects (Page 12)

Live preview Hover

Mosaic Tile Flip

A 3x3 grid of small tiles flips in 3D in a staggered wave on hover.

#gradient #hover #3d

Live preview Hover

Candle Flame

Soft candle flame flickers on hover.

#hover #animation #gradient

Live preview Hover

Cosmos Particles

Cosmic stardust swirls on hover.

#hover #animation #gradient

Live preview Hover

Leaf Fall

Leaves fall across on hover.

#hover #animation #transform

Live preview Hover

Plasma Stream

Plasma stream flows on hover.

#hover #animation #gradient

Live preview Hover

Rainbow Arcs

Rainbow arcs shimmer on hover.

#hover #animation #gradient

Live preview Hover

Steam Rise

Steam wisps rise on hover.

#hover #animation #gradient

Live preview Hover

Vapor Mist

Soft vapor mist drifts on hover.

#hover #animation #gradient

Live preview Hover

Pendulum Slow

Slow pendulum motion on hover.

#hover #animation #transform

Live preview Hover

Pixel Grid Light

A fine grid of pixel dots lights up across the panel on hover.

#gradient #hover #shadow

Live preview Hover

Property Trace Frame

Hover starts a registered angle animating, so the gradient outline runs the perimeter.

#hover #animation #gradient

Live preview Hover

Rain Drops

Rain streaks fall on hover.

#hover #animation #gradient

Live preview Hover

Reflection Glass

Frosted glass reflection on hover.

#hover #gradient #transform

Live preview Hover

RGB Channel Split

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

#hover #transform

Live preview Hover

Rotate 3D Coin

Coin-spin on Y-axis on hover.

#hover #animation #gradient

Live preview Hover

Rotate 3D Crate

Crate lid swings open on hover.

#hover #transform #border

Live preview Hover

Saturate Bleed

Over-saturates with a soft bloom halo on hover.

#hover #shadow #filter

Live preview Hover

Saturate Surge

Saturation surges to maximum on hover.

#hover #filter

Live preview Hover

Mega Shake

Violent mega shake on hover.

#hover #animation #transform

Live preview Hover

Shatter Glass

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

#gradient #hover #glass

Live preview Hover

Skew X Deep

Deep X-axis skew on hover.

#hover #transform

Live preview Hover

Smoke Curl

Smoke curls upward on hover.

#hover #animation #gradient

Live preview Hover

Sparks Fly

Sparks fly outward on hover.

#hover #animation #transform

Live preview Hover

Spotlight Dim Warm

Dim warm spotlight on hover.

#hover #gradient

Live preview Hover

Stars Burst

Tiny stars burst outward on hover.

#hover #animation #transform

Live preview Hover

Text Blur Focus

Text blurs then focuses on hover.

#hover #filter

Live preview Hover

Letter Spaced

Letters spread apart on hover.

#hover

Live preview Hover

Text Mask Reveal

A duplicate gradient-filled text slides up to mask-reveal on hover.

#gradient #hover #transform

Live preview Hover

Outline Color Text

Text outline changes color on hover.

#hover

Live preview Hover

Text Rainbow Cycle

Each letter cycles rainbow on hover.

#hover

Live preview Hover

Stack Shadow Text

Stacked shadows form on text on hover.

#hover #shadow

Live preview Hover

Text Strike Through

Line strikes through text on hover.

#hover #transform

Live preview Hover

Fast Typewriter

Fast typewriter effect on hover.

#hover

Live preview Hover

Tick Clock

Steady clock tick on hover.

#hover #animation #transform

Live preview Hover

Tilt Skew

Combined tilt and skew transform on hover.

#hover #transform

Live preview Hover

Tint Yellow

Yellow color tint overlay on hover.

#hover

Live preview Hover

Top Light Beam

Light beam shines down from top on hover.

#hover #gradient #transform

Live preview Hover

Tremor Hard

Hard intense tremor on hover.

#hover #animation #transform

Live preview Hover

Twinkle Stars

Tiny stars twinkle on hover.

#hover #animation #transform

Live preview Hover

Center-Out Underline

An underline grows outward from the link's center on hover.

#hover #css

Live preview Hover

Vanish

Content vanishes into a blur haze while a smoke cloud puffs outward on hover.

#gradient #hover #border

Live preview Hover

Vanish Poof

Vanishes in a poof on hover.

#hover #animation #transform

Live preview Hover

Vibrate Fast

Element vibrates rapidly on hover.

#hover #animation #transform

Live preview Hover

Wipe Diagonal

Diagonal wipe reveal on hover.

#hover #transform

Live preview Hover

Wipe Left

New color wipes in from right to left on hover.

#hover #transform

Live preview Hover

Wipe Linear

Linear wipe sweep on hover.

#hover #gradient #transform

Live preview Hover

Horizontal Wobble

Horizontal wobble motion on hover.

#hover #animation #transform

Live preview Hover

Wobble Soft

Soft gentle wobble on hover.

#hover #animation #transform

Live preview Hover

Vertical Wobble

Vertical wobble motion on hover.

#hover #animation #transform

Live preview Hover

Zoom Flip

Zoom with flip transform on hover.

#hover #transform #3d

Live preview Hover

Zoom In

Element zooms in dramatically on hover.

#hover #transform

Live preview Hover

Zoom Mega

Huge zoom-in on hover.

#hover #transform

Live preview Hover

Zoom Micro

Tiny zoom-out on hover.

#hover #transform

Live preview Hover

Zoom Pulse

Element zooms with a pulse on hover.

#hover #animation #transform

Live preview Loaders

Abacus Bead

Abacus beads sliding on rod.

#animation #gradient #transform

Live preview Loaders

Acorn Drop

Acorn bouncing after falling from a tree.

#animation #gradient #transform

Live preview Loaders

Anemometer Cups

Anemometer with spinning cups.

#animation #transform

Live preview Loaders

Antenna Signal

Antenna with signal waves.

#animation #transform #border

Live preview Loaders

Asteroid Belt

Asteroids orbiting in a belt formation.

#animation #gradient #transform

Live preview Loaders

Aurora Borealis

Northern lights shimmering across a starry sky.

#animation #gradient #transform

Live preview Loaders

Aurora Curtain

Aurora curtain rippling in the sky.

#animation #gradient #transform

Live preview Loaders

Bagpipe Drone

Bagpipes with inflating bag.

#animation #gradient #transform

Live preview Loaders

Banjo Strum

Banjo strings being strummed.

#animation #gradient #transform

Live preview Loaders

Banner Wave

Banner waving in wind.

#animation #gradient #transform

Live preview Loaders

Bar Pulse

Vertical bars pulsing in height like EQ.

#animation #gradient #transform

Live preview Loaders

Barometer

Barometer dial with needle.

#animation #gradient #transform

Live preview Loaders

Ball Bearing

Ball bearing balls rolling in cage.

#animation #gradient #transform

Live preview Loaders

Belt Conveyor

Conveyor belt with items moving.

#animation #gradient

Live preview Loaders

Blizzard

Heavy snowfall with diagonal streaks.

#animation #gradient #transform

Live preview Loaders

Boat Anchor

Anchor lowering into the water with rippling waves.

#animation #gradient #transform

Live preview Loaders

Boxing Glove

Boxing glove jabbing back and forth like a punching bag.

#animation #gradient #transform

Live preview Loaders

Brake Squeeze

Brake caliper squeezing disc.

#animation #gradient #transform

Live preview Loaders

Brownie Bite

Brownie with bite marks.

#animation #gradient #transform

Live preview Loaders

Brushless Motor

Brushless motor with smooth rotation.

#animation #transform

Live preview Loaders

Bulb Glow

Light bulb glowing on and off.

#animation #gradient #shadow

Live preview Loaders

Butter Melt

Butter pat melting.

#animation #gradient #transform

Live preview Loaders

Butterfly

Butterfly flapping colorful wings as it floats.

#animation #gradient #transform

Live preview Loaders

Cable Car

Cable car hanging from a wire, swaying as it travels.

#animation #gradient

Live preview Loaders

Card Shuffle

Playing cards fanning out and shuffling back together.

#animation #gradient #transform

Live preview Loaders

Carnival Mask

Venetian carnival mask with feathers.

#animation #gradient #transform

Live preview Loaders

Carousel Spin

Carnival carousel with painted cabins orbiting a glowing center pole.

#animation #gradient #transform

Live preview Loaders

Cassette Spin

Cassette tape reels spinning.

#animation #gradient #transform

Live preview Loaders

Castle Turret Spin

Castle turret with crenellations rotating.

#animation #gradient #transform

Live preview Loaders

Celebration Burst

Star burst celebration animation.

#animation #transform

Live preview Loaders

Chainsaw

Chainsaw chain speeding around the guide bar.

#animation #gradient #border

Live preview Loaders

Cheese Grate

Cheese being grated into strips.

#animation #gradient #transform

Live preview Loaders

Chess Knight

Chess knight piece moving.

#animation #gradient #transform

Live preview Loaders

Christmas Tree Glow

Christmas tree with twinkling lights.

#animation #gradient #transform

Live preview Loaders

Clapperboard

Movie clapperboard snapping.

#animation #gradient #transform

Live preview Loaders

Clutch Engage

Clutch plates engaging.

#animation #gradient #transform

Live preview Loaders

Coliseum Arch

Coliseum arches with light flicker.

#animation #gradient #filter

Live preview Loaders

Comet Streak

Comet with tail streaking across the sky.

#animation #gradient #shadow

Live preview Loaders

Constellation

Stars connecting to form a constellation.

#animation #transform #shadow

Live preview Loaders

Dart Throw Flight

Dart flying toward board.

#animation #gradient #transform

Live preview Loaders

Deflector Shield

Deflector shield bubble pulsing around ship.

#animation #gradient #transform

Live preview Loaders

Derecho

Wide straight-line wind storm.

#animation #transform

Browse by category

Popular tags