#gradient CSS effects

5,189 free, pure-CSS effects match the "gradient" tag. Each is copy-ready and needs no library or build step.

Live preview Backgrounds

Peak Autumn

Peak autumn blazes with orange red and yellow leaves.

#animation #gradient

Live preview Backgrounds

Balloon Bouquet

A bouquet of bright balloons drifts gently upward.

#animation #gradient #transform

Live preview Backgrounds

BBQ Grill Flame

A backyard barbecue grill with flames licking the grates.

#animation #gradient #transform

Live preview Backgrounds

Boxing Ring Ropes

Three boxing ring ropes tension across a blue canvas.

#animation #gradient #transform

Live preview Backgrounds

Slot Canyon

Narrow slot canyon with deep shadows and curved walls.

#animation #gradient #transform

Live preview Backgrounds

Cassette Futurism

Retro 70s cassette-futurism with amber CRT scanlines.

#animation #gradient #border

Live preview Backgrounds

Light Caustics

Wavy light caustics dance across a pool floor in rippling patterns.

#animation #gradient #transform

Live preview Backgrounds

Celtic Spiral Knot

Triple Celtic spiral knot weaving in continuous motion.

#animation #gradient #transform

Live preview Backgrounds

Cepheid Variable

A cepheid variable star pulses regularly in brightness.

#animation #gradient #transform

Live preview Backgrounds

Grilled Cheese Melt

A grilled cheese sandwich with cheese oozing out the side.

#animation #gradient #transform

Live preview Backgrounds

Chevron Stripes

Bold chevron stripes pulse and shift in alternating colors.

#animation #gradient

Live preview Backgrounds

Chinoiserie Scenic

Hand-painted chinoiserie wallpaper with pagoda motifs.

#animation #gradient #filter

Live preview Backgrounds

Cinema Projector

A projector beam plays through dust motes in a dark theater.

#animation #gradient #transform

Live preview Backgrounds

City Fog

Fog drifts through a city skyline at dusk.

#animation #gradient #transform

Live preview Backgrounds

Civil Twilight

Purple-blue civil twilight settles with the last bright horizon band.

#animation #gradient #transform

Live preview Backgrounds

Cliff Coast

Rocky cliffs drop sharply into churning ocean waves.

#animation #gradient #transform

Live preview Backgrounds

Cobblestone

Round cobblestones in irregular patterns of grey stone.

#animation #gradient

Live preview Backgrounds

Cocktail Shaker

A metal cocktail shaker vibrates as the drink mixes inside.

#animation #gradient #transform

Live preview Backgrounds

Coffee Ripple

Concentric ripples spread across a coffee cup surface.

#animation #gradient #transform

Live preview Backgrounds

Coffee Cup Steam

Hot coffee in a mug with steam rising in swirling wisps.

#animation #gradient #transform

Live preview Backgrounds

Halley's Comet

Halley's comet sweeps across the sky with its glowing tail.

#animation #gradient #transform

Live preview Backgrounds

Long-Tail Comet

A comet with an exceptionally long glowing tail streams across space.

#animation #gradient #transform

Live preview Backgrounds

Concert Crowd Silhouette

Silhouetted crowd dances under bright stage lights.

#animation #gradient #transform

Live preview Backgrounds

Concert Pyrotechnics

Stage pyrotechnics burst with colored sparks in a stadium.

#animation #gradient #transform

Live preview Backgrounds

Confetti Fall

Colorful confetti pieces tumble downward in celebration.

#gradient #animation #3d

Live preview Backgrounds

Confetti Fall

Small paper rectangles tumble down the panel at mixed speeds and tilt angles.

#animation #transform #gradient

Live preview Backgrounds

Conic Gradient Spin

A vivid conic gradient rotates behind a soft mask for a hypnotic wheel of color.

#gradient #animation #border

Live preview Backgrounds

Constructivist Poster

Soviet Constructivist poster with bold geometric blocks.

#animation #gradient #filter

Live preview Backgrounds

Copper Patina

Copper surface oxidizing into green patina patches.

#animation #gradient #filter

Live preview Backgrounds

Cosmic Web

The vast cosmic web of galaxies connects across the universe.

#animation #gradient

Live preview Backgrounds

Croissant Flake

A buttery croissant shedding golden flakes while steaming.

#animation #gradient #transform

Live preview Backgrounds

CRT Burn Ghost

Old CRT with persistent ghost image burning into phosphor.

#animation #gradient #transform

Live preview Backgrounds

Dance Floor Disco

A retro dance floor with floating silhouettes and rotating lights.

#animation #gradient #transform

Live preview Backgrounds

Dark Molecular Cloud

A dense dark molecular cloud obscures the stars behind it.

#animation #gradient #transform

Live preview Backgrounds

Golden Dawn

Warm golden dawn light spills across a clear sky.

#animation #gradient #transform

Live preview Backgrounds

Deluge

A torrential deluge of near-solid rain engulfs a black sky.

#animation #gradient

Live preview Backgrounds

Desert Dunes

Golden desert dunes roll beneath a warm sun with shifting sand.

#animation #gradient #transform

Live preview Backgrounds

Desert Mirage

A shimmering heat mirage distorts the desert horizon.

#animation #gradient #transform

Live preview Backgrounds

Desert Night

Cold desert night sky blazing with brilliant stars.

#animation #gradient

Live preview Backgrounds

Disc Galaxy Spin

Disc galaxy rotating with bright core and spiral arms.

#animation #gradient #transform

Live preview Backgrounds

Disco Floor Tiles

Light-up dance floor tiles flicker in random colored patterns.

#animation #gradient #shadow

Live preview Backgrounds

Shifting Dunes

Golden desert dunes slowly shift and reshape with the wind.

#animation #gradient #transform

Live preview Backgrounds

Dusk to Night

The sky transitions from dusk orange to deep night blue.

#animation #gradient

Live preview Backgrounds

Dust Devil

A swirling dust devil spins across an arid plain.

#animation #gradient #transform

Live preview Backgrounds

Easter Eggs

Colorful painted Easter eggs scatter across spring grass.

#animation #gradient

Live preview Backgrounds

Civil Twilight

Civil twilight bathes the horizon in soft pink and blue bands.

#animation #gradient #filter

Live preview Backgrounds

Annular Solar Eclipse

An annular eclipse shows a bright ring of fire around the moon.

#animation #gradient #transform

Live preview Backgrounds

Electric Guitar Shred

Lightning-like energy bolts surround a shredding electric guitar.

#animation #gradient #transform

Live preview Backgrounds

Energy Wave

A sine-wave of energy flows horizontally across the field.

#animation #gradient #transform

Live preview Backgrounds

Fairy Dust Shimmer

Magical fairy dust particles twinkle and drift in soft pastel light.

#animation #gradient #transform

Live preview Backgrounds

Fireworks Burst

Colorful fireworks burst and fade over a starry night sky.

#gradient #animation #3d

Live preview Backgrounds

Fireworks Finale

A grand finale of fireworks bursts across the night sky.

#animation #gradient #transform

Live preview Backgrounds

Fluid Pour

Colorful fluid pours down in a steady thick stream.

#animation #gradient #transform

Live preview Backgrounds

Foggy Forest

Thick fog drifts among the trunks of a misty forest.

#animation #gradient #transform

Live preview Backgrounds

Fractal Tree

Self-similar fractal tree with branching limbs growing recursively.

#animation #gradient #transform

Live preview Backgrounds

Grid Scan

A perspective wireframe grid with a bright scan line sweeping down over it.

#animation #gradient #filter

Live preview Backgrounds

Hyperspace Jump

Hyperspace jump with starlines streaking past the viewer.

#animation #gradient #transform

Live preview Backgrounds

Landing Pad Lights

A circular helipad perimeter lights up in yellow sequence.

#animation #gradient #transform

Live preview Backgrounds

Lightning Storm

Bolts of lightning flash across a dark stormy sky with a soft glow.

#gradient #animation #glow

Live preview Backgrounds

Lissajous Curve

Lissajous curve figure traced by harmonic oscillation.

#animation #gradient #transform

Live preview Backgrounds

Marble Swirl

Elegant marble veins swirl in classic white and grey stone.

#animation #gradient #transform

Live preview Backgrounds

Masked Halftone

A dot matrix is masked with a gradient so the pattern fades out toward one corner.

#animation #gradient #mask

Live preview Backgrounds

Monsoon Rainforest

Tropical rainforest leaves drip under a warm monsoon downpour.

#animation #gradient #transform

Live preview Backgrounds

Monstera Leaf

Tropical monstera leaves with signature splits overlay a jungle backdrop.

#animation #gradient #transform

Live preview Backgrounds

Morning Glory

Vivid blue morning glory vines spiral upward opening to the sun.

#animation #gradient #transform

Live preview Backgrounds

Music Sheet Notes

Musical notation scrolls horizontally across aged sheet music.

#animation #gradient #transform

Live preview Backgrounds

Oil Slick

An oil slick shimmers with shifting rainbow interference colors.

#animation #gradient #transform

Live preview Backgrounds

Oil on Water

Oil slick spreads on water with shifting iridescent colors.

#animation #gradient #transform

Live preview Backgrounds

Paint Mixing

Thick layers of paint fold and mix together in slow motion.

#animation #gradient #transform

Live preview Backgrounds

Paint Splash

Vivid paint splashes burst and drip across a white canvas.

#animation #gradient #transform

Live preview Backgrounds

Paper Fibers

Cross-hatched repeating gradients build a warm paper grain with no image file.

#gradient #shadow #texture

Live preview Backgrounds

Plasma Arc

An electric plasma arc crackles between two points.

#animation #gradient #transform

Live preview Backgrounds

Plasma Torch

A bright blue plasma jet emits a thin column of superheated gas.

#animation #gradient #transform

Live preview Backgrounds

Orange Portal

Orange exit portal swirling with hot energy field.

#animation #gradient #transform

Live preview Backgrounds

Quasar Jet

A supermassive quasar fires a blazing relativistic jet into space.

#animation #gradient #transform

Live preview Backgrounds

Rave LED Pulse

Colorful LED panels pulse and strobe to the music beat.

#animation #gradient #shadow

Live preview Backgrounds

Retro Sunset

A striped retro sun sets behind an animated horizon line in classic 80s style.

#gradient #animation #3d

Live preview Backgrounds

Running Track Curve

A red running track with painted lane stripes curving to the finish.

#animation #gradient

Live preview Backgrounds

Sand Blast

Fine sand streams horizontally in a desert wind blast.

#animation #gradient

Live preview Backgrounds

CRT Scanlines

Retro CRT scanlines roll down an old monitor screen.

#animation #gradient

Live preview Backgrounds

Ski Slope Tracks

Curved ski tracks carve through fresh powder on a mountain slope.

#animation #gradient #transform

Live preview Backgrounds

City Smog

Yellow-brown city smog hangs heavy over an urban skyline.

#animation #gradient #transform

Live preview Backgrounds

Drifting Smoke

Dark smoky layers drift and curl across an ominous backdrop.

#gradient #animation #border

Live preview Backgrounds

Snow Drift

Snowflakes drift and accumulate into soft curves on the ground.

#animation #gradient #transform

Live preview Backgrounds

Gentle Snowfall

Soft white snowflakes drift down across a winter night sky.

#gradient #animation #border

Live preview Backgrounds

Spacetime Warp

Spacetime itself warps and ripples around an invisible mass.

#animation #gradient #transform

Live preview Backgrounds

Static Noise

TV static noise grain at full intensity.

#animation #gradient

Live preview Backgrounds

Steampunk Brass Gears

Brass steampunk gears meshing in continuous rotation.

#animation #gradient #transform

Live preview Backgrounds

Quantum Superposition

Waveform superposition blending two states simultaneously.

#animation #gradient #filter

Live preview Backgrounds

Synthwave Sun

Synthwave retro sun with horizontal cut lines over grid.

#animation #gradient #transform

Live preview Backgrounds

Terrazzo

Colorful terrazzo chips embedded in pale concrete.

#animation #gradient

Live preview Backgrounds

Toile de Jouy

Classic toile de Jouy pastoral scenes repeat in muted blue on cream.

#animation #gradient

Live preview Backgrounds

Toile de Jouy

French provincial toile with monochrome pastoral scenes.

#animation #gradient

Live preview Backgrounds

Traffic Lights

Traffic lights cycle through red yellow and green.

#animation #gradient #transform

Live preview Backgrounds

Triangle Wave

Triangle wave folding symmetric peaks across the panel.

#animation #gradient #shadow

Live preview Backgrounds

Trophy Shine

A golden trophy spins with a sparkle highlight.

#animation #gradient #transform

Popular tags