#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

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

Live preview Loaders

Gravitational Wave

Gravitational waves rippling outward.

#animation #transform #border

Live preview Loaders

Grid 3D Pulse

3D grid of squares pulsing in sequence.

#animation #transform #3d

Live preview Loaders

Grid Fade

Three-by-three grid fading in pattern.

#animation

Live preview Loaders

Guiro Scrape

Guiro being scraped with stick.

#animation #gradient #transform

Live preview Loaders

Guitar String

Guitar string vibrating after being plucked, with sound waves.

#animation #transform #border

Live preview Loaders

Gust Front

Gust front advancing as wall.

#animation #gradient #transform

Live preview Loaders

Gyroscope Rings

Three concentric rings tilted on different 3D axes and spinning.

#animation #3d #border

Live preview Loaders

Haboob

Haboob wall of dust advancing.

#animation #gradient #transform

Live preview Loaders

Haboob Wall

Tall haboob dust wall advancing.

#animation #gradient #transform

Live preview Loaders

Hail Fall

Hail stones bouncing as they fall.

#animation #transform

Live preview Loaders

Hammer Throw Spin

Hammer thrower spinning.

#animation #transform

Live preview Loaders

Handpan Tone

Handpan with shimmering tone fields.

#animation #gradient #transform

Live preview Loaders

Harmonic Drive

Harmonic drive flex spline.

#animation #gradient #border

Live preview Loaders

Harmonica Reed

Harmonica with vibrating reeds.

#animation #gradient #transform

Live preview Loaders

Harp Strings

Harp strings vibrating in sequence down the frame.

#animation #gradient #transform

Live preview Loaders

Has-Selector Complete Loader

Tick the box and :has() flips the whole spinner into a finished checkmark state.

#animation #transform #border

Live preview Loaders

Heart Beat

Heart shape beating like a real pulse.

#animation #transform

Live preview Loaders

Valentine Heart Pulse

Valentine heart pulsing with love.

#animation #gradient #transform

Live preview Loaders

ECG Heartbeat

A red ECG trace line drawing itself left-to-right on a dark scope.

#animation #shadow #border

Live preview Loaders

Heat Haze

Heat haze shimmering over surface.

#animation #gradient #transform

Live preview Loaders

DNA Helix

Paired dots rotating in 3D to form a twisting double helix.

#animation #3d #shadow

Live preview Loaders

Helmet Glow

Knight helmet with glowing visor.

#animation #gradient #transform

Live preview Loaders

Hexagon Pulse

Hexagon pulsing inward and outward.

#animation #gradient #transform

Live preview Loaders

High Jump Bar

Athlete clearing high jump bar.

#animation #transform #shadow

Live preview Loaders

Hilbert Curve

Hilbert space-filling curve drawing.

#animation

Live preview Loaders

Hinge Swing

Door swinging on hinge.

#animation #gradient #transform

Live preview Loaders

Hockey Puck

Hockey puck sliding across the ice rink surface.

#animation #gradient #shadow

Live preview Loaders

Honey Drip

Honey dripping slowly.

#animation #gradient #transform

Live preview Loaders

Horseshoe Toss

Horseshoe arcing toward post.

#animation #gradient #transform

Live preview Loaders

Hot Air Balloon

Hot air balloon rising with the burner flame flickering.

#animation #gradient #transform

Live preview Loaders

Hourglass Flip

A warm amber hourglass shape that periodically flips itself.

#gradient #animation #glass

Live preview Loaders

Hourglass Flip

Hourglass with sand flowing.

#animation #transform #border

Live preview Loaders

Hula Hoop Twirl

Hula hoop twirling around waist.

#animation #gradient #transform

Live preview Loaders

Hurdle Leap

Runner leaping over hurdle.

#animation #gradient #transform

Popular tags