# animation CSS effects

Live preview Loaders

Drawbridge Raise

Drawbridge raising and lowering.

Live preview Loaders

Drill Bit

Power drill bit spinning rapidly with motion blur.

#animation #gradient #border

Live preview Loaders

Drizzle

Light drizzle of small drops.

#animation

Live preview Loaders

Drop Tower

Free-fall drop tower rising slowly then plunging down.

Live preview Loaders

Dual Arc Shift

Two arcs shifting past each other.

#animation #border #transform

Live preview Loaders

Dual Ring Spinner

Two concentric rings spinning in opposite directions with colored arcs.

Live preview Loaders

Dumbbell Curl

Dumbbell curling up and down.

Live preview Loaders

Dust Devil

Mini dust devil whirlwind swirling dust in a column.

Live preview Loaders

Dust Storm

Dust storm sweeping across.

Live preview Loaders

Eclipse

Moon passing in front of sun eclipse.

Live preview Loaders

Egg Crack

Egg cracking open.

Live preview Loaders

Egg Timer

Hourglass egg timer with sand draining to the bottom.

Live preview Loaders

Elephant Trunk

Elephant trunk curling up and down to drink water.

Live preview Loaders

Engine Piston

Engine piston moving up and down.

Live preview Loaders

Equalizer Bars

Audio equalizer bars bouncing.

Live preview Loaders

Escalator

Escalator steps circulating endlessly with handrail.

Live preview Loaders

Event Horizon

Black hole event horizon pulling matter in.

Live preview Loaders

F1 Race Car

Formula 1 car speeding across with motion blur stripes.

Live preview Loaders

Fairy Light

String of fairy lights twinkling.

#animation #shadow

Live preview Loaders

Fan Blade

Electric fan blades spinning.

Live preview Loaders

Ferris Wheel

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

Live preview Loaders

Figure Skate Spin

Figure skater spinning in place.

#animation #gradient #border

Live preview Loaders

Film Strip

Film strip scrolling by.

Live preview Loaders

Fire Orb Spin

Mystical fire orb spinning.

Live preview Loaders

Firefly

Fireflies glowing randomly in the night.

Live preview Loaders

Fireworks Burst

Fireworks bursting in the sky.

Live preview Loaders

Fish Swim

Fish swimming back and forth with tail wagging.

Live preview Loaders

Flash Burst

Camera flash bursting repeatedly.

Live preview Loaders

Flip Clock

Airport-style flip clock cards flipping over.

Live preview Loaders

Flower Bloom

Flower petals opening and closing around a yellow center.

Live preview Loaders

Flywheel

Heavy flywheel building momentum.

Live preview Loaders

Foehn Wind

Warm dry foehn wind descending.

#animation #gradient #filter

Live preview Loaders

Fog Drift

Fog wisps drifting across.

Live preview Loaders

Origami Fold Unfold

Origami paper folding and unfolding.

#animation #transform #3d

Live preview Loaders

Folding Cube 3D

3D cube with folding faces.

Live preview Loaders

Football Spiral

Football spinning in a spiral pass across the field.

Live preview Loaders

Fountain Jet

Fountain jet pulsing water.

Live preview Loaders

Fractal Zoom

Nested squares zooming inward infinitely.

Live preview Loaders

Fragment Scatter

Square fragments scattering outward.

Live preview Loaders

Frankenstein Bolt

Frankenstein with neck bolts.

Live preview Loaders

Freefall Drop

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

Live preview Loaders

Frisbee Throw

Frisbee spinning through air.

Live preview Loaders

Frog Jump

Frog leaping up with legs extending and tucking.

Live preview Loaders

Frost Bite

Frost creeping across a surface.

Live preview Loaders

Frost Form

Frost pattern forming on surface.

Live preview Loaders

Frying Pan

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

Live preview Loaders

Galaxy Spiral

Spiral galaxy with rotating arms.

Live preview Loaders

Gale

Strong gale force winds.

Live preview Loaders

Garlic Peel

Garlic clove peeling.

Live preview Loaders

Gas Pump

Gas pump nozzle with fuel gauge filling up.

Live preview Loaders

Gate Lift

Gate lifting up and down.

Live preview Loaders

Spinning Gears

Two interlocking cogwheels rotating in opposite directions.

Live preview Loaders

Generator Coil

Generator coil with magnetic field.

Live preview Loaders

Ghost Float

Ghost floating with wavy bottom.

Live preview Loaders

Gift Box Open

Gift box with opening lid.

Live preview Loaders

Glider

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

Live preview Loaders

Glitch TV

Television screen with RGB channel split and glitch noise.

Live preview Loaders

Glockenspiel Bar

Glockenspiel bars shimmering.

Live preview Loaders

Glow Pulse

Glowing orb pulsing with light.

#animation #transform #shadow

Live preview Loaders

Golf Putt

Golf ball rolling toward hole.

Live preview Loaders

Golf Swing

Golf club swinging to strike a ball off the tee.

Live preview Loaders

Gramophone Horn

Vintage gramophone horn with sound waves.

Live preview Loaders

Gravitational Wave

Gravitational waves rippling outward.

#animation #transform #3d

Live preview Loaders

Grid 3D Pulse

3D grid of squares pulsing in sequence.

Live preview Loaders

Grid Fade

Three-by-three grid fading in pattern.

#animation

Live preview Loaders

Guiro Scrape

Guiro being scraped with stick.

Live preview Loaders

Guitar String

Guitar string vibrating after being plucked, with sound waves.

Live preview Loaders

Gust Front

Gust front advancing as wall.

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.

Live preview Loaders

Haboob Wall

Tall haboob dust wall advancing.

Live preview Loaders

Hail Fall

Hail stones bouncing as they fall.

Live preview Loaders

Hammer Throw Spin

Hammer thrower spinning.

Live preview Loaders

Handpan Tone

Handpan with shimmering tone fields.

#animation #gradient #border

Live preview Loaders

Harmonic Drive

Harmonic drive flex spline.

Live preview Loaders

Harmonica Reed

Harmonica with vibrating reeds.

Live preview Loaders

Harp Strings

Harp strings vibrating in sequence down the frame.

Live preview Loaders

Has-Selector Complete Loader

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

Live preview Loaders

Heart Beat

Heart shape beating like a real pulse.

Live preview Loaders

Valentine Heart Pulse

Valentine heart pulsing with love.

Live preview Loaders

ECG Heartbeat

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

Live preview Loaders

Heat Haze

Heat haze shimmering over surface.

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.

Live preview Loaders

Hexagon Pulse

Hexagon pulsing inward and outward.

#animation #transform #shadow

Live preview Loaders

High Jump Bar

Athlete clearing high jump bar.

Live preview Loaders

Hilbert Curve

Hilbert space-filling curve drawing.

#animation

Live preview Loaders

Hinge Swing

Door swinging on hinge.

Live preview Loaders

Hockey Puck

Hockey puck sliding across the ice rink surface.

Live preview Loaders

Honey Drip

Honey dripping slowly.

Live preview Loaders

Horseshoe Toss

Horseshoe arcing toward post.

Live preview Loaders

Hot Air Balloon

Hot air balloon rising with the burner flame flickering.