# gradient CSS effects

Live preview Loaders

Conic Progress Loader

A registered percentage property lets the conic sweep animate smoothly, not in steps.

Live preview Loaders

Conic Spin Disc

Conic gradient disc spinning.

#animation #gradient #filter

Live preview Loaders

Contrail

Airplane contrail dissipating.

Live preview Loaders

Conveyor Belt

Factory conveyor belt moving boxes along rollers.

Live preview Loaders

Coral Polyp

Coral polyps extending and retracting their tentacles.

Live preview Loaders

Corkscrew

Corkscrew spiraling down into a wine bottle cork.

Live preview Loaders

Coronal Mass Ejection

Sun emitting a coronal mass ejection loop.

Live preview Loaders

Cosmic Ray

Cosmic ray streaking through space.

Live preview Loaders

Counter Click

Mechanical counter clicking up.

Live preview Loaders

Cow Bell Ring

Cowbell being struck and ringing.

Live preview Loaders

Crepe Fold

Crepe being folded over.

Live preview Loaders

Crest Emblem

Heraldic crest with shimmer.

Live preview Loaders

Croissant Flake

Croissant with flaking layers.

Live preview Loaders

Double Cross Rotate

Two cross shapes rotating opposite.

Live preview Loaders

CRT Screen

Old CRT monitor with scanline flicker and static.

Live preview Loaders

Crystal Shard

Crystal shard with prismatic shimmer.

Live preview Loaders

Crystal Sparkle

Crystal with sparkling highlights.

Live preview Loaders

Cumulonimbus

Towering cumulonimbus cloud.

Live preview Loaders

Cumulus

Puffy cumulus clouds.

Live preview Loaders

Cupcake Sprinkle

Cupcake with falling sprinkles.

Live preview Loaders

Curling Stone

Curling stone sliding on ice.

Live preview Loaders

Curve Pulse Wave

Curved wave pulsing across.

Live preview Loaders

Cyclone Spin

Cyclone spiral spinning inward.

Live preview Loaders

Cylinder Roll

Cylinder rolling horizontally.

Live preview Loaders

Cymbal Crash

Crash cymbal wobbling after being struck.

Live preview Loaders

Cymbal Rim Tap

Cymbal with rim vibration.

Live preview Loaders

Cymbal Stack

Stacked cymbals with hi-hat motion.

Live preview Loaders

Dandelion

Dandelion seeds blowing away one by one in the wind.

Live preview Loaders

Dark Matter

Invisible dark matter warping space.

Live preview Loaders

Dartboard

Dartboard with a dart spinning around the bullseye.

Live preview Loaders

Decagon Spin Wheel

Ten-sided wheel rotating.

Live preview Loaders

Dew Drop

Dew drop forming and falling.

Live preview Loaders

Dial Tuner

Radio dial tuner sweeping.

Live preview Loaders

Diamond Morph Flow

Diamond morphing with gradient flow.

Live preview Loaders

Diamond Shine

Diamond with brilliant shine.

Live preview Loaders

Diamond Turn

Diamond shape turning on its tip.

Live preview Loaders

Dice Roll

A six-sided die tumbling in 3D space.

Live preview Loaders

Didgeridoo

Didgeridoo with vibrating buzz.

Live preview Loaders

Differential

Differential gear mechanism.

Live preview Loaders

Disc Roll Edge

Disc rolling along its edge.

Live preview Loaders

Disco Ball

Disco ball with shimmering reflections.

Live preview Loaders

Discus Spin

Discus spinning in thrower's hand.

Live preview Loaders

DJ Table Spin

DJ turntable with spinning record.

Live preview Loaders

Djembe Strike

African djembe drum being struck.

Live preview Loaders

Dog Bone

Dog bone bouncing as if a dog is chewing it.

Live preview Loaders

Dome Rib Rotate

Dome with ribs rotating.

Live preview Loaders

Domino Fall

Dominoes falling in sequence.

Live preview Loaders

Donut Glaze

Donut with glaze dripping.

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.

#animation #gradient #border

Live preview Loaders

Drop Tower

Free-fall drop tower rising slowly then plunging down.

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

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

Fan Blade

Electric fan blades spinning.

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

Fish Swim

Fish swimming back and forth with tail wagging.

Live preview Loaders

Flash Burst

Camera flash bursting repeatedly.

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

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

Gas Pump

Gas pump nozzle with fuel gauge filling up.

Live preview Loaders

Gate Lift

Gate lifting up and down.

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.