#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

Globular Cluster

A dense spherical globular cluster of thousands of ancient stars.

#animation #gradient #transform

Live preview Backgrounds

Glockenspiel Bar

Metal glockenspiel bars glow in sequence as if being struck.

#animation #gradient #shadow

Live preview Backgrounds

Glowing Mushroom

A cluster of glowing mushrooms emits soft cyan light.

#animation #gradient #shadow

Live preview Backgrounds

Gold Flake

Shimmering gold leaf flakes drift across a deep black lacquer.

#animation #gradient #transform

Live preview Backgrounds

Gold Leaf Flutter

Gold leaf flakes drifting and catching light.

#animation #gradient #transform

Live preview Backgrounds

Golden Hour

Warm golden hour light bathes everything in honeyed glow.

#animation #gradient #transform

Live preview Backgrounds

Golf Course Green

A manicured golf green with the flagstick rippling in the wind.

#animation #gradient #transform

Live preview Backgrounds

Goo Blob

A single glossy blob of goo wobbles and morphs organically.

#animation #gradient #transform

Live preview Backgrounds

Goo Drip

Thick glossy goo drips slowly down in big blobs.

#animation #gradient #shadow

Live preview Backgrounds

Lava Lamp Goo

Glowing blobs of goo rise and fall in a classic lava lamp rhythm.

#animation #gradient #transform

Live preview Backgrounds

Goo Stretch

A goo blob stretches and snaps in elastic motion.

#animation #gradient #transform

Live preview Backgrounds

Gradient River

A flowing river of multi-color gradient streams gently across.

#animation #gradient #transform

Live preview Backgrounds

Gravitational Lens

A massive object bends distant light into a lensed arc.

#animation #gradient #transform

Live preview Backgrounds

Greek Key Border

Continuous Greek key meander pattern in gold on deep blue.

#animation #gradient

Live preview Backgrounds

Pulsing Cyber Grid

A glowing cyber grid pulses outward from center with a scanning sweep.

#gradient #animation #shadow

Live preview Backgrounds

Guitar String Vibrate

A plucked guitar string vibrates against a warm wooden backdrop.

#animation #gradient #transform

Live preview Backgrounds

Gymnastics Rings

Two wooden gymnastic rings swing side to side in a gym.

#animation #gradient #transform

Live preview Backgrounds

Hail Storm

White hail pellets bounce against a stormy slate sky.

#animation #gradient #transform

Live preview Backgrounds

Large Hail

Big hailstones pound down across a dark stormy sky.

#animation #gradient

Live preview Backgrounds

Small Hail

Tiny hailstones bounce down across a chilly grey sky.

#animation #gradient

Live preview Backgrounds

Pumpkin Glow

A jack-o'-lantern pumpkin glows orange in the dark.

#animation #gradient #transform

Live preview Backgrounds

Harlequin Diamonds

Harlequin diamond checker pattern in traditional jester colors.

#animation #gradient

Live preview Backgrounds

Harmonograph

Harmonograph pendulum pattern with overlaid sinusoidal curves.

#animation #gradient #transform

Live preview Backgrounds

Harp Strings Glow

Angelic harp strings shimmer gold while being plucked in sequence.

#animation #gradient #shadow

Live preview Backgrounds

Harvest Moon

A large orange harvest moon rises over silhouette fields.

#animation #gradient #transform

Live preview Backgrounds

Warm Haze Drift

A warm orange haze slowly drifts over a sunbaked horizon.

#animation #gradient #transform

Live preview Backgrounds

Heat Haze

Shimmering heat haze ripples the air above scorched ground.

#animation #gradient #transform

Live preview Backgrounds

Smoky Haze

A drifting smoky haze of grey wisps softens the scene.

#animation #gradient #transform

Live preview Backgrounds

Headlight Beam

Two car headlights cast cones of light through fog.

#animation #gradient #transform

Live preview Backgrounds

Headlight Tunnel

Symmetric rows of headlights and taillights blur past in a tunnel.

#animation #gradient #transform

Live preview Backgrounds

Heisenberg Uncertainty

Probability cloud with uncertain position and momentum.

#animation #gradient #transform

Live preview Backgrounds

Herringbone Weave

Classic herringbone weave shifts in alternating warm wood tones.

#animation #gradient

Live preview Backgrounds

Honeycomb Hexagons

Golden honeycomb hexagons tessellate with a warm glowing pulse.

#animation #gradient

Live preview Backgrounds

Hockey Rink Faceoff

An ice hockey rink with a red faceoff circle and puck sliding.

#animation #gradient #transform

Live preview Backgrounds

Hologram Flicker

A glitchy cyan hologram flickers with scanlines and interference.

#animation #gradient #transform

Live preview Backgrounds

Holographic Foil

Holographic foil shimmering with shifting rainbow bands.

#animation #gradient

Live preview Backgrounds

Holographic Foil

Holographic foil shifts through rainbow angles with metallic shine.

#animation #gradient #transform

Live preview Backgrounds

Honey Drip

Golden honey slowly drips from a spoon in slow viscous strands.

#animation #gradient #transform

Live preview Backgrounds

Honeycomb Bees

Bees buzz around a golden honeycomb dripping with honey.

#animation #gradient #transform

Live preview Backgrounds

Houndstooth

Classic houndstooth checks tessellate in black and white.

#animation #gradient

Live preview Backgrounds

Hurdle Jump

A hurdler leaps over a yellow hurdle with motion lines.

#animation #gradient #transform

Live preview Backgrounds

Hurricane Spiral

A massive hurricane spiral rotates over a dark ocean from above.

#animation #gradient #transform

Live preview Backgrounds

Hydrothermal Vent

A deep-sea hydrothermal vent belches glowing hot mineral plumes.

#animation #gradient #transform

Live preview Backgrounds

Ice Cream Melt

An ice cream cone with colorful drips running down the sides.

#animation #gradient #transform

Live preview Backgrounds

Ice Crystals

Frosty ice crystals form and shimmer in a cold blue field.

#gradient #animation #shadow

Live preview Backgrounds

Ice Fog

Crystalline ice fog shimmers in freezing air over snow.

#animation #gradient #transform

Live preview Backgrounds

Ice Rink Zamboni

An ice rink surface with a zamboni sweeping path trails.

#animation #gradient #shadow

Live preview Backgrounds

Floating Iceberg

A blue iceberg drifts slowly across a calm arctic sea.

#animation #gradient #transform

Live preview Backgrounds

Ikat Weave

Blurry-edged ikat-dyed yarn patterns shift in tribal colors.

#animation #gradient #filter

Live preview Backgrounds

Incandescent Flicker

An old incandescent bulb warms up and flickers warmly.

#animation #gradient #transform

Live preview Backgrounds

Black Ink

Black ink bleeds and spreads through clear liquid.

#animation #gradient #transform

Live preview Backgrounds

Ink Bleed

A single drop of ink bleeds outward in delicate tendrils.

#animation #gradient #transform

Live preview Backgrounds

Colored Ink

Vibrant colored inks bleed together in water.

#animation #gradient #transform

Live preview Backgrounds

Ink Drop Bloom

A single ink drop blooms outward in delicate branching tendrils.

#animation #gradient #transform

Live preview Backgrounds

Ink Splash

A dynamic splash of dark ink bursts outward in star pattern.

#animation #gradient #transform

Live preview Backgrounds

Ink Swirl

Dark ink swirls and blooms hypnotically through clear water.

#animation #gradient #transform

Live preview Backgrounds

Iridescent Pearl

Pearlescent surface shimmering with shifting pastel hues.

#animation #gradient #transform

Live preview Backgrounds

Iridescent Shell

An iridescent abalone shell shimmers with pearlescent colors.

#animation #gradient #transform

Live preview Backgrounds

Isometric Cubes

Three-dimensional isometric cubes tessellate in a shifting grid.

#animation #gradient

Live preview Backgrounds

Ivy Vines

Climbing ivy vines grow upward across an old brick wall.

#animation #gradient

Live preview Backgrounds

Jack-o-Lantern Glow

A carved pumpkin glows with flickering candlelight on Halloween night.

#animation #gradient #transform

Live preview Backgrounds

Japanese Maple

Crimson Japanese maple leaves drift down in a Zen garden.

#animation #gradient #transform

Live preview Backgrounds

Seigaiha Waves

Traditional Japanese seigaiha wave pattern in blue.

#animation #gradient

Live preview Backgrounds

Jazz Trumpet Sparkle

A golden trumpet blares with sparkles emanating from the bell.

#animation #gradient #transform

Live preview Backgrounds

Jellyfish Drift

Glowing jellyfish pulse and drift through deep ocean blue.

#gradient #animation #shadow

Live preview Backgrounds

Jungle Canopy

A high tropical jungle canopy filters sunlight in green beams.

#animation #gradient #transform

Live preview Backgrounds

Dense Jungle

A dense tropical jungle overflows with thick layered foliage.

#animation #gradient #transform

Live preview Backgrounds

Tropical Jungle

Lush dense jungle foliage with vibrant greens and filtered light.

#animation #gradient #transform

Live preview Backgrounds

Kaleidoscope

A vibrant kaleidoscope of geometric colors rotates in symmetry.

#animation #gradient #transform

Live preview Backgrounds

Kaleidoscope 12

A 12-fold kaleidoscope of intricate rotating patterns.

#animation #gradient #transform

Live preview Backgrounds

Kaleidoscope 8

An 8-fold kaleidoscope of pastel symmetric colors.

#animation #gradient #transform

Live preview Backgrounds

Karaoke Text Scroll

Lyrics scroll horizontally with a highlight bar marking timing.

#animation #gradient #transform

Live preview Backgrounds

Kelp Forest

Tall kelp fronds sway gently in an underwater current.

#animation #gradient #transform

Live preview Backgrounds

Kente Cloth Weave

West African Kente cloth with bold color blocks.

#animation #gradient

Live preview Backgrounds

Kikkou Hexagon

Japanese kikkou tortoise-shell hexagonal lattice.

#animation #gradient #filter

Live preview Backgrounds

Anatolian Kilim

Turkish kilim flat-weave with stepped diamond motifs.

#animation #gradient #transform

Live preview Backgrounds

Koi Pond

Orange and white koi fish swim lazily through a tranquil pond.

#animation #gradient #transform

Live preview Backgrounds

Laser Grid Floor

A neon laser grid stretches to a vanishing point on the horizon.

#animation #gradient #transform

Live preview Backgrounds

Laser Line Sweep

A horizontal laser line scans vertically across a dark room.

#animation #gradient #shadow

Live preview Backgrounds

Laser Pattern Spin

Concentric laser rings rotate and form a Lissajous pattern.

#animation #gradient #transform

Live preview Backgrounds

Laser Show Fan

A fan-shaped burst of green lasers sprays across a dark stage.

#animation #gradient #transform

Live preview Backgrounds

Laser Show Grid

Crisscrossing laser beams sweep across a smoky stage grid.

#animation #gradient #shadow

Live preview Backgrounds

Lava Flow

Glowing molten lava flows and churns with fiery heat.

#gradient #animation #shadow

Live preview Backgrounds

Lava Lamp Blobs

Warm wax blobs rise and fall slowly inside a classic lava lamp.

#animation #gradient #transform

Live preview Backgrounds

Lavender Field

Rows of purple lavender sway in neat stripes under a soft sky.

#animation #gradient #transform

Live preview Backgrounds

Lavender Mist

Soft purple lavender mist drifts over a calm dawn meadow.

#animation #gradient #transform

Live preview Backgrounds

LED Matrix

A grid of LEDs blinks in animated patterns.

#animation #gradient

Live preview Backgrounds

Leopard Print

Spotted leopard print pattern with golden rosettes.

#animation #gradient

Live preview Backgrounds

Lighthouse Beam

A lighthouse beam sweeps over a stormy night sea.

#animation #gradient #transform

Live preview Backgrounds

Ball Lightning

A rare orb of glowing ball lightning drifts through a stormy night.

#animation #gradient #transform

Live preview Backgrounds

Lightning Bug Cloud

A swarm of lightning bugs blinks in sync across a summer field.

#animation #gradient #transform

Live preview Backgrounds

Fork Lightning

A jagged fork of lightning splits across a stormy night sky.

#animation #gradient #transform

Live preview Backgrounds

Sheet Lightning

Silent sheet lightning illuminates the entire cloud layer from within.

#animation #gradient

Live preview Backgrounds

Liquid Blob Morph

A glowing blob slowly morphs and rotates through saturated hues.

#gradient #animation #shadow

Live preview Backgrounds

Lollipop Spin

A swirl-pattern lollipop spins on its stick.

#animation #gradient #transform

Live preview Backgrounds

Lotus Pond

Pink lotus flowers float on still green pond water with lily pads.

#animation #gradient #transform

Popular tags