# gradient CSS effects

Live preview Loaders

Door Swing

Door swinging open and closed.

Live preview Loaders

Downpour

Heavy downpour of thick raindrops.

Live preview Loaders

Drill Bit

Power drill bit spinning rapidly with motion blur.

Live preview Loaders

Drop Tower

Free-fall drop tower rising slowly then plunging down.

Live preview Loaders

Drum Stick

Drum stick bouncing on a snare drum head.

Live preview Loaders

Dumbbell Curl

Dumbbell curling up and down.

Live preview Loaders

Dumpling Fold

Dumpling being pleated.

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

Dynamo

Dynamo generating spark.

Live preview Loaders

Easter Egg Dye

Easter egg being dipped in dye.

Live preview Loaders

Eclipse

Moon passing in front of sun eclipse.

Live preview Loaders

Egg Crack

Egg cracking open.

Live preview Loaders

Elephant Trunk

Elephant trunk curling up and down to drink water.

Live preview Loaders

Ember Glow

Hot embers glowing intensely.

Live preview Loaders

Emerald Flash

Emerald gem flashing green light.

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

Fan Blade

Electric fan blades spinning.

Live preview Loaders

Fax Feed

Paper scrolling through a fax machine slot.

Live preview Loaders

Fencing Lunge

Fencing sword lunging forward.

Live preview Loaders

Figure Skate Spin

Figure skater spinning in place.

Live preview Loaders

Film Strip

Film strip scrolling by.

Live preview Loaders

Fire Orb Spin

Mystical fire orb spinning.

Live preview Loaders

Firecracker Pop

Firecracker with explosive pop.

Live preview Loaders

Firefly

Fireflies glowing randomly in the night.

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

Flash Flood

Flash flood water rising rapidly.

Live preview Loaders

Flip Card

A gradient card flipping 180 degrees back and forth on its vertical axis.

#gradient #animation #3d

Live preview Loaders

Floppy Disk

Floppy diskette sliding in and out of a drive slot.

Live preview Loaders

Flower Bloom

Flower petals opening and closing around a yellow center.

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.

Live preview Loaders

Football Spiral

Football spinning in a spiral pass across the field.

Live preview Loaders

Force Field

Force field hexagon pattern glowing.

Live preview Loaders

Fountain Jet

Fountain jet pulsing water.

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

Garlic Peel

Garlic clove peeling.

Live preview Loaders

Garlic Press

Garlic press squeezing cloves through tiny holes.

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

Gauge Needle

Gauge needle bouncing.

Live preview Loaders

Gem Glint

Gem with glint of light sweeping.

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.

Live preview Loaders

Golf Swing

Golf club swinging to strike a ball off the tee.

#gradient #animation #border

Live preview Loaders

Gradient Ring

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

Live preview Loaders

Gramophone Horn

Vintage gramophone horn with sound waves.

Live preview Loaders

Guiro Scrape

Guiro being scraped with stick.

Live preview Loaders

Gust Front

Gust front advancing as wall.

Live preview Loaders

Gymnast Flip

Gymnast doing flip rotation.

Live preview Loaders

Haboob

Haboob wall of dust advancing.

Live preview Loaders

Haboob Wall

Tall haboob dust wall advancing.

Live preview Loaders

Hammer Strike

Hammer repeatedly striking a nail into wood.

Live preview Loaders

Handpan Tone

Handpan with shimmering tone fields.

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

Valentine Heart Pulse

Valentine heart pulsing with love.

Live preview Loaders

Heat Haze

Heat haze shimmering over surface.

Live preview Loaders

Helicopter Blade

Helicopter rotor blades spinning above the cockpit.

Live preview Loaders

Helmet Glow

Knight helmet with glowing visor.

Live preview Loaders

Hex Tile Spin

Hexagonal tile spinning with color shift.

#gradient #animation #transform

Live preview Loaders

Hexagon Spinner

A hexagon outlined with a rotating rainbow conic gradient.

Live preview Loaders

Hexagon Pulse

Hexagon pulsing inward and outward.

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

Horse Gallop

Horse silhouette galloping with mane and tail flowing.

Live preview Loaders

Horseshoe Toss

Horseshoe arcing toward post.

Live preview Loaders

Hot Air Balloon

Hot air balloon rising with the burner flame flickering.

#gradient #animation #glass

Live preview Loaders

Hourglass Flip

A warm amber hourglass shape that periodically flips itself.

Live preview Loaders

Hovercraft

Hovercraft floating on a cushion of air with skirt inflating.

Live preview Loaders

Hula Hoop Twirl

Hula hoop twirling around waist.

Live preview Loaders

Hurdle Leap

Runner leaping over hurdle.

Live preview Loaders

Hurricane Eye

Hurricane with rotating eye wall.

Live preview Loaders

Hydraulic Press

Hydraulic press crushing down.

Live preview Loaders

Hygrometer

Hygrometer showing humidity level.