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 2 of 9

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

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

Meteor Shower

Streaking meteors rain across a clear dark night sky.

#animation #gradient #transform

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

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 Field

Saturated overlapping blobs swirl and blend into a flowing plasma surface.

#animation #border #transform

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

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

Live preview Backgrounds

Tunnel Vortex

Concentric tunnel rings pulling viewer into infinity.

#animation #gradient

Live preview Backgrounds

Twilight Blue

Deep twilight blue deepens toward night with early star pricks.

#animation #gradient

Live preview Backgrounds

Vernal Equinox

Balanced light and dark halves mark the spring equinox boundary.

#animation #gradient #transform

Live preview Backgrounds

Violin String Vibration

Bowed violin strings vibrate with a warm amber resonance.

#animation #gradient #transform

Live preview Backgrounds

Wetland Marsh

Calm marsh water reflects reeds and a soft overcast sky.

#animation #gradient #transform

Live preview Backgrounds

White Dwarf

A dense white dwarf star glows intensely in the dark of space.

#animation #gradient #transform

Live preview Backgrounds

Calm Wind

A barely perceptible breeze stirs a pale pastel sky.

#animation #gradient

Live preview Backgrounds

Cyclone

A rotating cyclone spiral of clouds spins over tropical waters.

#animation #gradient #transform

Live preview Backgrounds

Winter Glow

A soft warm winter glow lights snow against a cool sky.

#animation #gradient

Live preview Backgrounds

Winter Solstice

The longest night of the winter solstice under a starry sky.

#animation #gradient

Live preview Backgrounds

Moroccan Zellige

Vivid Moroccan zellige mosaic tiles in star pattern.

#animation #gradient #transform

Live preview Backgrounds

Aboriginal Dot Art

Aboriginal Australian dot painting with earth-toned points.

#animation #gradient

Live preview Backgrounds

Adinkra Symbols

Akan Adinkra symbols floating on rustic earthen ground.

#animation #gradient #filter

Live preview Backgrounds

Golden Afternoon

Warm golden afternoon light bathes everything in honey tones.

#animation #gradient #transform

Live preview Backgrounds

Afternoon Haze

Warm hazy afternoon light softens a distant golden horizon.

#animation #gradient #transform

Live preview Backgrounds

Lazy Afternoon

A hazy lazy afternoon stretches under soft warm light.

#animation #gradient #transform

Live preview Backgrounds

Airport Runway Lights

Rows of runway approach lights descend toward a landing plane.

#animation #gradient #transform

Live preview Backgrounds

Alcohol Ink

Vibrant alcohol ink blooms and spreads in organic cell patterns.

#animation #gradient #transform

Live preview Backgrounds

Alpine Meadow

A high alpine meadow blooms with tiny flowers below snowy peaks.

#animation #gradient

Live preview Backgrounds

Ambulance Flash

White ambulance strobe with red cross pulse.

#animation #gradient #transform

Live preview Backgrounds

Amethyst Crystal

Purple amethyst crystals sparkle with internal light.

#animation #gradient #shadow

Live preview Backgrounds

Anglerfish Glow

A deep-sea anglerfish lure pulses in the abyssal dark.

#animation #gradient #transform

Live preview Backgrounds

Animated Stripes

Diagonal candy stripes that scroll continuously for a barber-pole look.

#gradient #animation #shadow

Live preview Backgrounds

Anodized Titanium

Anodized titanium shifting through rainbow oxide layers.

#animation #gradient

Live preview Backgrounds

Arabesque Pattern

Intricate arabesque interlacing geometry in gold on deep blue.

#animation #gradient

Live preview Backgrounds

Archery Bullseye

A multi-color archery target with an arrow hitting the bullseye.

#animation #gradient #transform

Live preview Backgrounds

Art Nouveau Curves

Sinuous Art Nouveau whiplash curves with peacock hues.

#animation #gradient #transform

Live preview Backgrounds

Asanoha Hemp Leaf

Japanese asanoha hemp-leaf geometric star pattern.

#animation #gradient #transform

Live preview Backgrounds

Kuiper Belt

Icy bodies of the distant Kuiper Belt drift at the solar edge.

#animation #gradient

Live preview Backgrounds

Main Asteroid Belt

Drifting rocks of the main asteroid belt orbit between Mars and Jupiter.

#animation #gradient

Live preview Backgrounds

Astronomical Dusk

Deep astronomical dusk fades to near-black with emerging stars.

#animation #gradient

Live preview Backgrounds

Green Aurora Borealis

Vibrant green curtains of northern lights ripple across the polar sky.

#animation #gradient #transform

Live preview Backgrounds

Violet Aurora

Purple and pink aurora ribbons dance over a starry sky.

#animation #gradient #transform

Live preview Backgrounds

Aurora Waves

Soft shifting aurora ribbons ripple across a starlit polar sky.

#gradient #animation #border

Live preview Backgrounds

Early Autumn

Early autumn turns a few leaves golden against a clear sky.

#animation #gradient

Live preview Backgrounds

Autumn Forest

A forest blazes with red, orange, and yellow autumn foliage.

#animation #gradient #transform

Live preview Backgrounds

Autumn Leaves

Warm-colored leaves tumble and spin downward through the air.

#gradient #animation #shadow

Live preview Backgrounds

Autumn Mist

Cool autumn mist drifts among orange and yellow trees.

#animation #gradient #transform

Live preview Backgrounds

Autumn Nut

Brown autumn nuts scatter among fallen leaves on the ground.

#animation #gradient #transform

Live preview Backgrounds

Autumn Twilight

Orange and purple twilight bleeds over autumn treetops.

#animation #gradient #transform

Live preview Backgrounds

Autumn Wind Gust

Gusty winds sweep golden leaves sideways across an autumn scene.

#animation #gradient #transform

Live preview Backgrounds

Portuguese Azulejo

Blue and white Portuguese azulejo tile pattern.

#animation #gradient

Live preview Backgrounds

Badminton Shuttlecock

A white shuttlecock with feathered skirt flies across a court.

#animation #gradient #transform

Live preview Backgrounds

Bagel Sesame

A golden bagel with sesame seeds scattered on top.

#animation #gradient #transform

Backgrounds effects