#animation CSS effects

3,824 free, pure-CSS effects match the "animation" tag. Each is copy-ready and needs no library or build step.

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

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

Rotate 3D Coin

Coin-spin on Y-axis on hover.

#hover #animation #gradient

Live preview Hover

Mega Shake

Violent mega shake on hover.

#hover #animation #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

Stars Burst

Tiny stars burst outward on hover.

#hover #animation #transform

Live preview Hover

Tick Clock

Steady clock tick on hover.

#hover #animation #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

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

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 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

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

Live preview Loaders

Drum Stick

Drum stick bouncing on a snare drum head.

#animation #gradient #transform

Live preview Loaders

Dumpling Fold

Dumpling being pleated.

#animation #gradient #transform

Live preview Loaders

Dust Devil Spin

Small dust devil spinning.

#animation #transform

Live preview Loaders

Easter Egg Dye

Easter egg being dipped in dye.

#animation #gradient #transform

Live preview Loaders

Ember Glow

Hot embers glowing intensely.

#animation #gradient #transform

Live preview Loaders

Emerald Flash

Emerald gem flashing green light.

#animation #gradient #transform

Live preview Loaders

Fax Feed

Paper scrolling through a fax machine slot.

#animation #gradient #transform

Live preview Loaders

Fencing Lunge

Fencing sword lunging forward.

#animation #gradient #transform

Live preview Loaders

Firecracker Pop

Firecracker with explosive pop.

#animation #gradient #transform

Live preview Loaders

Floppy Disk

Floppy diskette sliding in and out of a drive slot.

#animation #gradient #border

Live preview Loaders

Flute

Flute with finger keys pressing in a melody pattern.

#animation #gradient #transform

Live preview Loaders

Force Field

Force field hexagon pattern glowing.

#animation #gradient #transform

Live preview Loaders

Garlic Press

Garlic press squeezing cloves through tiny holes.

#animation #gradient #transform

Live preview Loaders

Gauge Needle

Gauge needle bouncing.

#animation #gradient #transform

Live preview Loaders

Gem Glint

Gem with glint of light sweeping.

#animation #gradient

Live preview Loaders

Gradient Ring

A smooth gradient ring spinner with a fading tail, iOS-style.

#gradient #animation #border

Live preview Loaders

Gymnast Flip

Gymnast doing flip rotation.

#animation #gradient #transform

Live preview Loaders

Hammer Strike

Hammer repeatedly striking a nail into wood.

#animation #gradient #transform

Live preview Loaders

Hex Tile Spin

Hexagonal tile spinning with color shift.

#animation #gradient #transform

Live preview Loaders

Hexagon Orbit Sextet

Six dots orbiting in hexagonal formation.

#animation #transform

Live preview Loaders

Hexagon Spinner

A hexagon outlined with a rotating rainbow conic gradient.

#gradient #animation #transform

Live preview Loaders

Horse Gallop

Horse silhouette galloping with mane and tail flowing.

#animation #gradient #transform

Live preview Loaders

Hovercraft

Hovercraft floating on a cushion of air with skirt inflating.

#animation #gradient #transform

Live preview Loaders

Hydraulic Press

Hydraulic press crushing down.

#animation #gradient

Live preview Loaders

Hygrometer

Hygrometer showing humidity level.

#animation #gradient #transform

Live preview Loaders

Ice Cube Melt

Ice cube slowly melting into a puddle of water.

#animation #gradient #transform

Live preview Loaders

Jet Stream

High-altitude jet stream flowing.

#animation #gradient #transform

Live preview Loaders

Jewel Spark

Jewel with sparks emerging.

#animation #gradient #transform

Live preview Loaders

Joker Grin

Joker card with shifting grin.

#animation #gradient #transform

Live preview Loaders

Laser Beam

Laser beam pulsing with intensity.

#animation #gradient #shadow

Live preview Loaders

Lava Lamp

Orange blobs rising and morphing inside a warm yellow lava lamp.

#gradient #animation #shadow

Live preview Loaders

LCD Display

LCD display with pixel shifting.

#animation

Live preview Loaders

Leaf Fall

Autumn leaves drifting down with a swaying motion.

#animation #gradient #transform

Live preview Loaders

Line Connect Node

Lines drawing between two nodes.

#animation #gradient #transform

Live preview Loaders

Long Jump Leap

Long jumper arcing through sand.

#animation #gradient

Live preview Loaders

Magician Hat

Magician pulling rabbit from hat.

#animation #gradient #transform

Popular tags