Backgrounds — 860 CSS effects

Full-frame gradients, patterns, atmospheres, and animated scenes.

Pure CSS with no dependencies or build step. Open any effect for a live preview, source code, and browser editing.

Page 1 of 9

Live preview Backgrounds

Deep Abyss

Lightless ocean abyss glows faintly with bioluminescent specks.

#animation #gradient #transform

Live preview Backgrounds

De Stijl Mondrian

Mondrian-style primary color blocks with bold black lines.

#animation #gradient #filter

Live preview Backgrounds

Aurora Curtain

Vertical bands of aurora light ripple like a hanging curtain.

#animation #gradient #transform

Live preview Backgrounds

Brown Noise

Warm brown noise drifting like deep ambient rumble.

#animation #gradient #filter

Live preview Backgrounds

Cassette Rewind

Cassette reels spin rapidly in reverse as tape rewinds.

#animation #gradient #transform

Live preview Backgrounds

Chrome Bubble

Liquid chrome bubble reflecting environment with shifting glare.

#animation #gradient #transform

Live preview Backgrounds

Baroque Damask

Opulent baroque damask with gilded floral flourishes.

#animation #gradient #filter

Live preview Backgrounds

Thin Film Interference

Soap-film thin-film interference patterns shifting bands.

#animation #gradient #transform

Live preview Backgrounds

Animated Ocean Waves

Layered SVG wave shapes ripple across a calm ocean horizon.

#gradient #animation #border

Live preview Backgrounds

Abalone Nacre

Abalone shell nacre with shifting iridescent colors.

#animation #gradient #transform

Live preview Backgrounds

Amplifier Pulse

An amplifier's volume bars glow with each pulse of music.

#animation #gradient #transform

Live preview Backgrounds

Art Deco Fan

Geometric art deco sunburst fans radiate in gold and black.

#animation #gradient #transform

Live preview Backgrounds

Asteroid Belt

Rocks of an asteroid belt drift slowly in orbit around the sun.

#animation #gradient #transform

Live preview Backgrounds

Beacon Sweep

A rotating beacon casts a sweeping cone of warning light.

#animation #gradient #transform

Live preview Backgrounds

Beetle Wing Iridescence

Jewel beetle wing shifting with structural green-gold color.

#animation #gradient #transform

Live preview Backgrounds

Rising Bubbles

Translucent bubbles float upward through a watery blue space.

#gradient #animation #border

Live preview Backgrounds

Candle Flame Row

A row of candle flames flicker gently in a dark setting.

#animation #gradient #transform

Live preview Backgrounds

Checkered Flag

A black and white checkered flag waves in the wind.

#animation #gradient #transform

Live preview Backgrounds

Cherry Grove

Pink cherry blossom petals drift through a serene grove.

#animation #gradient #transform

Live preview Backgrounds

Wind Chime Spin

Tubular wind chimes sway and ring in a gentle breeze.

#animation #gradient #transform

Live preview Backgrounds

Christmas Tree Lights

Twinkling Christmas tree lights blink in festive colors.

#animation #gradient #shadow

Live preview Backgrounds

Comet NEOWISE

Comet NEOWISE displays a brilliant twin tail in twilight.

#animation #gradient #transform

Live preview Backgrounds

Cracked Concrete

Grey concrete with dark cracks branching across the surface.

#animation #gradient #filter

Live preview Backgrounds

Cotton Candy Spin

A swirl of pink cotton candy spins around a paper cone.

#animation #gradient #transform

Live preview Backgrounds

Dandelion Seeds

Floating dandelion seeds drift away on a gentle summer breeze.

#animation #gradient #transform

Live preview Backgrounds

Sahara Desert

Endless Sahara dunes ripple golden under a fierce sun.

#animation #gradient

Live preview Backgrounds

Diagonal Moving Lines

Crisp neon diagonal lines sweep across a dark backdrop like a synth scan.

#gradient #animation #3d

Live preview Backgrounds

Dichroic Glass

Dichroic glass shifts between transmitted and reflected colors.

#animation #gradient

Live preview Backgrounds

Crimson Dusk

A dramatic crimson dusk ignites the horizon in red.

#animation #gradient

Live preview Backgrounds

Electric Keyboard

An electric keyboard's keys pulse with neon glow as they play.

#animation #gradient #shadow

Live preview Backgrounds

Foggy Forest

Thick fog rolls between dark silhouetted trees at dawn.

#animation #gradient #transform

Live preview Backgrounds

Spiral Galaxy

A swirling spiral galaxy of stars rotates in deep space.

#gradient #animation #border

Live preview Backgrounds

Gradient Shift

A wide multi-stop gradient that continuously cycles its position for a calm flow.

#gradient #animation #border

Live preview Backgrounds

Koch Snowflake

Koch snowflake fractal with infinite crystalline edges.

#animation #gradient #transform

Live preview Backgrounds

Tuning Fork Ring

A struck tuning fork vibrates and emits visible resonance waves.

#animation #gradient #transform

Live preview Backgrounds

White Noise Snow

Television white-noise snow with analog flicker.

#animation #gradient

Live preview Backgrounds

Wormhole Spin

Wormhole throat spinning with swirling space-time distortion.

#animation #gradient #transform

Live preview Backgrounds

Accretion Disk

A superheated accretion disk spirals around a central black mass.

#animation #gradient #transform

Live preview Backgrounds

Arctic Ice

Vast arctic ice floes drift slowly across a freezing polar sea.

#animation #gradient #transform

Live preview Backgrounds

Argyle Diamond

Argyle diamond pattern in layered colors with diagonal overlay lines.

#animation #gradient #filter

Live preview Backgrounds

Autumn Harvest

Golden harvest fields roll under a warm autumn sky.

#animation #gradient #transform

Live preview Backgrounds

Late Autumn

Late autumn leaves drift through bare branches in chill air.

#animation #gradient

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

Cake Candle Blow

A birthday cake with candles whose flames lean in the breeze.

#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

Dragon Curve

Heighway dragon curve iterating with fractal jagged edges.

#animation #gradient #transform

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