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

Cymbal Crash

Crash cymbal wobbling after being struck.

#animation #gradient #transform

Live preview Loaders

Cymbal Rim Tap

Cymbal with rim vibration.

#animation #gradient #transform

Live preview Loaders

Cymbal Stack

Stacked cymbals with hi-hat motion.

#animation #gradient #transform

Live preview Loaders

Dandelion

Dandelion seeds blowing away one by one in the wind.

#animation #gradient #shadow

Live preview Loaders

Dark Matter

Invisible dark matter warping space.

#animation #gradient #transform

Live preview Loaders

Dartboard

Dartboard with a dart spinning around the bullseye.

#animation #gradient #transform

Live preview Loaders

Decagon Spin Wheel

Ten-sided wheel rotating.

#animation #gradient #transform

Live preview Loaders

Dew Drop

Dew drop forming and falling.

#animation #gradient

Live preview Loaders

Dial-Up Modem

Old dial-up modem with blinking connection LEDs.

#animation #shadow #border

Live preview Loaders

Dial Tuner

Radio dial tuner sweeping.

#animation #gradient #transform

Live preview Loaders

Diamond Morph Flow

Diamond morphing with gradient flow.

#animation #gradient #transform

Live preview Loaders

Diamond Shine

Diamond with brilliant shine.

#animation #gradient #shadow

Live preview Loaders

Diamond Turn

Diamond shape turning on its tip.

#animation #gradient #transform

Live preview Loaders

Dice Roll

A six-sided die tumbling in 3D space.

#animation #gradient #transform

Live preview Loaders

Didgeridoo

Didgeridoo with vibrating buzz.

#animation #gradient #transform

Live preview Loaders

Differential

Differential gear mechanism.

#animation #gradient #transform

Live preview Loaders

Digital Clock

Digital clock with blinking colon.

#animation #shadow

Live preview Loaders

Disc Roll Edge

Disc rolling along its edge.

#animation #gradient #transform

Live preview Loaders

Disco Ball

Disco ball with shimmering reflections.

#animation #gradient #transform

Live preview Loaders

Discus Spin

Discus spinning in thrower's hand.

#animation #gradient #transform

Live preview Loaders

DJ Table Spin

DJ turntable with spinning record.

#animation #gradient #transform

Live preview Loaders

Djembe Strike

African djembe drum being struck.

#animation #gradient #transform

Live preview Loaders

DNA Helix

Double helix DNA strand rotating.

#animation #transform #3d

Live preview Loaders

Dog Bone

Dog bone bouncing as if a dog is chewing it.

#animation #gradient #transform

Live preview Loaders

Dome Rib Rotate

Dome with ribs rotating.

#animation #gradient #transform

Live preview Loaders

Domino Fall

Dominoes falling in sequence.

#animation #gradient #transform

Live preview Loaders

Donut Glaze

Donut with glaze dripping.

#animation #gradient #transform

Live preview Loaders

Door Swing

Door swinging open and closed.

#animation #gradient #transform

Live preview Loaders

Dot Bridge Pulse

Dots pulsing across a bridge gap.

#animation #transform

Live preview Loaders

Dot Grid Flash

Grid of dots flashing in sequence.

#animation #transform

Live preview Loaders

Dot Wave

Row of dots forming a traveling wave.

#animation #transform

Live preview Loaders

Dots Grid Wave

A 3x3 grid of violet dots pulsing outward from the corner in a wave.

#animation #border #transform

Live preview Loaders

Downpour

Heavy downpour of thick raindrops.

#animation #gradient

Live preview Loaders

Drawbridge Raise

Drawbridge raising and lowering.

#animation #transform

Live preview Loaders

Drill Bit

Power drill bit spinning rapidly with motion blur.

#animation #gradient #transform

Live preview Loaders

Drizzle

Light drizzle of small drops.

#animation

Live preview Loaders

Drop Tower

Free-fall drop tower rising slowly then plunging down.

#animation #gradient #border

Live preview Loaders

Dual Arc Shift

Two arcs shifting past each other.

#animation #transform #border

Live preview Loaders

Dual Ring Spinner

Two concentric rings spinning in opposite directions with colored arcs.

#animation #border #transform

Live preview Loaders

Dumbbell Curl

Dumbbell curling up and down.

#animation #gradient #transform

Live preview Loaders

Dust Devil

Mini dust devil whirlwind swirling dust in a column.

#animation #gradient #transform

Live preview Loaders

Dust Storm

Dust storm sweeping across.

#animation #gradient #transform

Live preview Loaders

Eclipse

Moon passing in front of sun eclipse.

#animation #gradient #shadow

Live preview Loaders

Egg Crack

Egg cracking open.

#animation #gradient #transform

Live preview Loaders

Egg Timer

Hourglass egg timer with sand draining to the bottom.

#animation #transform #border

Live preview Loaders

Elephant Trunk

Elephant trunk curling up and down to drink water.

#animation #gradient #transform

Live preview Loaders

Engine Piston

Engine piston moving up and down.

#animation #gradient

Live preview Loaders

Equalizer Bars

Audio equalizer bars bouncing.

#animation #gradient

Live preview Loaders

Escalator

Escalator steps circulating endlessly with handrail.

#animation #gradient

Live preview Loaders

Event Horizon

Black hole event horizon pulling matter in.

#animation #gradient #transform

Live preview Loaders

F1 Race Car

Formula 1 car speeding across with motion blur stripes.

#animation #gradient

Live preview Loaders

Fairy Light

String of fairy lights twinkling.

#animation #shadow

Live preview Loaders

Fan Blade

Electric fan blades spinning.

#animation #gradient #transform

Live preview Loaders

Ferris Wheel

A pink wheel rotating with four colored cabin dots at cardinal points.

#animation #shadow #border

Live preview Loaders

Figure Skate Spin

Figure skater spinning in place.

#animation #gradient #transform

Live preview Loaders

Film Strip

Film strip scrolling by.

#animation #gradient #border

Live preview Loaders

Fire Orb Spin

Mystical fire orb spinning.

#animation #gradient #transform

Live preview Loaders

Firefly

Fireflies glowing randomly in the night.

#animation #gradient #transform

Live preview Loaders

Fireworks Burst

Fireworks bursting in the sky.

#animation #transform

Live preview Loaders

Fish Swim

Fish swimming back and forth with tail wagging.

#animation #gradient #transform

Live preview Loaders

Flash Burst

Camera flash bursting repeatedly.

#animation #gradient #transform

Live preview Loaders

Flip Clock

Airport-style flip clock cards flipping over.

#animation #transform #border

Live preview Loaders

Flower Bloom

Flower petals opening and closing around a yellow center.

#animation #gradient #transform

Live preview Loaders

Flywheel

Heavy flywheel building momentum.

#animation #transform #border

Live preview Loaders

Foehn Wind

Warm dry foehn wind descending.

#animation #gradient #transform

Live preview Loaders

Fog Drift

Fog wisps drifting across.

#animation #gradient #filter

Live preview Loaders

Origami Fold Unfold

Origami paper folding and unfolding.

#animation #gradient #transform

Live preview Loaders

Folding Cube 3D

3D cube with folding faces.

#animation #transform #3d

Live preview Loaders

Football Spiral

Football spinning in a spiral pass across the field.

#animation #gradient #transform

Live preview Loaders

Fountain Jet

Fountain jet pulsing water.

#animation #gradient #transform

Live preview Loaders

Fractal Zoom

Nested squares zooming inward infinitely.

#animation #transform #border

Live preview Loaders

Fragment Scatter

Square fragments scattering outward.

#animation #transform

Live preview Loaders

Frankenstein Bolt

Frankenstein with neck bolts.

#animation #gradient #shadow

Live preview Loaders

Freefall Drop

A ball falling, hitting the ground, and bouncing back up.

#animation #gradient #transform

Live preview Loaders

Frisbee Throw

Frisbee spinning through air.

#animation #gradient #transform

Live preview Loaders

Frog Jump

Frog leaping up with legs extending and tucking.

#animation #gradient #transform

Live preview Loaders

Frost Bite

Frost creeping across a surface.

#animation #gradient #transform

Live preview Loaders

Frost Form

Frost pattern forming on surface.

#animation #gradient #transform

Live preview Loaders

Frying Pan

Frying pan with food tossing in the air as it cooks.

#animation #gradient #transform

Live preview Loaders

Galaxy Spiral

Spiral galaxy with rotating arms.

#animation #gradient #transform

Live preview Loaders

Gale

Strong gale force winds.

#animation #transform

Live preview Loaders

Garlic Peel

Garlic clove peeling.

#animation #gradient #transform

Live preview Loaders

Gas Pump

Gas pump nozzle with fuel gauge filling up.

#animation #gradient

Live preview Loaders

Gate Lift

Gate lifting up and down.

#animation #gradient #transform

Live preview Loaders

Spinning Gears

Two interlocking cogwheels rotating in opposite directions.

#animation #shadow #border

Live preview Loaders

Generator Coil

Generator coil with magnetic field.

#animation #shadow #border

Live preview Loaders

Ghost Float

Ghost floating with wavy bottom.

#animation #gradient #transform

Live preview Loaders

Gift Box Open

Gift box with opening lid.

#animation #gradient #transform

Live preview Loaders

Glider

Hang glider soaring in a figure-eight through the sky.

#animation #gradient #transform

Live preview Loaders

Glitch TV

Television screen with RGB channel split and glitch noise.

#animation #gradient #transform

Live preview Loaders

Glockenspiel Bar

Glockenspiel bars shimmering.

#animation #gradient #shadow

Live preview Loaders

Glow Pulse

Glowing orb pulsing with light.

#animation #gradient #transform

Live preview Loaders

Golf Putt

Golf ball rolling toward hole.

#animation #transform #shadow

Live preview Loaders

Golf Swing

Golf club swinging to strike a ball off the tee.

#animation #gradient #transform

Live preview Loaders

Gramophone Horn

Vintage gramophone horn with sound waves.

#animation #gradient #transform

Effects tagged #animation

Popular tags