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

Live preview Backgrounds

Serengeti Plains

Serengeti plains stretch endless under a wide sky.

#animation #gradient #transform

Live preview Backgrounds

Sawtooth Wave

Sawtooth wave ramping up and resetting periodically.

#animation #gradient #shadow

Live preview Backgrounds

Saxophone Keys

Brass saxophone keys glint in stage light as fingers dance.

#animation #gradient #transform

Live preview Backgrounds

Sayagata Pattern

Buddhist sayagata interlocking manji-key fret pattern.

#animation #gradient #filter

Live preview Backgrounds

Scan Distortion

Horizontal sync distortion rolling down a CRT display.

#animation #gradient

Live preview Backgrounds

Schrodinger's Cat

Quantum superposition cat flickering alive and dead.

#animation #gradient #transform

Live preview Backgrounds

Scoreboard Tick

An LED scoreboard increments the score with each tick.

#animation #transform #shadow

Live preview Backgrounds

Scorecard Punch

A paper scorecard with holes being punched as score ticks up.

#animation #gradient #border

Live preview Backgrounds

Seersucker Stripe

Puckered seersucker stripes alternate in subtle blue and white.

#animation #gradient #filter

Live preview Backgrounds

Shibori Indigo Dye

Japanese tie-dye shibori with deep indigo white rings.

#animation #gradient #filter

Live preview Backgrounds

Brief Shower

A quick spring shower washes across a pale blue sky.

#animation #gradient

Live preview Backgrounds

Long Shower

A persistent shower of medium rain falls steadily from slate clouds.

#animation #gradient #transform

Live preview Backgrounds

Silver Leaf Shine

Silver leaf sheets with passing highlights of cold light.

#animation #gradient #transform

Live preview Backgrounds

Sine Wave

Continuous sine wave flowing smoothly across the panel.

#animation #gradient #transform

Live preview Backgrounds

Skate Park Ramps

Concrete skate park ramps with graffiti and skater silhouette.

#animation #gradient #transform

Live preview Backgrounds

Half-Pipe Ramp

A skateboarder drops into a half-pipe with motion lines.

#animation #gradient #transform

Live preview Backgrounds

Night Skyline

A city skyline glitters with windows at night.

#animation #gradient

Live preview Backgrounds

Sunset Skyline

A city skyline silhouetted against a fiery sunset.

#gradient #transform #shadow

Live preview Backgrounds

Sleet Mix

Diagonal sleet mixes rain and snow over a chilly backdrop.

#animation #gradient #transform

Live preview Backgrounds

Ice Sleet

Hard ice pellets clatter down from a frigid winter sky.

#animation #gradient

Live preview Backgrounds

Sleet Mix

A slushy mix of rain and snow falls through a cold sky.

#animation #gradient

Live preview Backgrounds

City Smog

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

#animation #gradient #transform

Live preview Backgrounds

Industrial Smog

Thick grey-brown industrial smog belches from factory stacks.

#animation #gradient #transform

Live preview Backgrounds

Smoke Trail

Wispy trails of colored smoke curl and rise through dark space.

#animation #gradient #transform

Live preview Backgrounds

Snake Skin

Diamond snake skin scales in green and black.

#animation #gradient

Live preview Backgrounds

Blizzard

A fierce blizzard blasts snow horizontally across a frigid sky.

#animation #gradient

Live preview Backgrounds

Snow Flurry

A brief snow flurry swirls in suddenly then fades away.

#animation #gradient

Live preview Backgrounds

Heavy Snow

Thick snowflakes pour down through a winter sky.

#animation #gradient

Live preview Backgrounds

Light Snow

Sparse snowflakes drift gently through a soft winter sky.

#animation #gradient

Live preview Backgrounds

Snowboard Jump

A snowboarder catches air off a jump with snow trailing.

#animation #gradient #transform

Live preview Backgrounds

Soap Bubble

A floating soap bubble shimmers with iridescent rainbow film.

#animation #gradient #transform

Live preview Backgrounds

Rainbow Soap Bubble

A large soap bubble shimmers with iridescent rainbow colors.

#animation #gradient #transform

Live preview Backgrounds

Single Soap Bubble

A single delicate soap bubble drifts slowly upward.

#animation #gradient #transform

Live preview Backgrounds

Rolling Soccer Ball

A black-and-white soccer ball rolls across a green pitch.

#animation #gradient #transform

Live preview Backgrounds

Soccer Field Stripes

Mowed grass stripes with center circle and a rolling soccer ball.

#animation #gradient #shadow

Live preview Backgrounds

Solar Eclipse

The moon passes before the sun creating a glowing corona ring.

#animation #gradient #transform

Live preview Backgrounds

Solar Panels

Rows of blue solar panels reflect the bright sky.

#animation #gradient #transform

Live preview Backgrounds

Solstice Noon

A blazing overhead sun at summer solstice noon bakes the sky white-hot.

#animation #gradient #transform

Live preview Backgrounds

Sonar Ping

Sonar pings expand outward on a dark underwater scope display.

#animation #gradient #transform

Live preview Backgrounds

Sound Wave Pulse

Concentric sound wave rings pulse outward from a central source.

#animation #gradient #transform

Live preview Backgrounds

Soup Bubbles

A bowl of broth with bubbles rising to the surface and popping.

#animation #gradient #transform

Live preview Backgrounds

Spacetime Ripple

Gravitational waves ripple the fabric of spacetime.

#animation #gradient #transform

Live preview Backgrounds

Sparkler Burst

A handheld sparkler throws off bright sparks in all directions.

#animation #gradient #transform

Live preview Backgrounds

Twinkling Sparkles

Tiny sparkles twinkle on and off across a glittering dark field.

#gradient #animation #border

Live preview Backgrounds

Speaker Bass Thump

A speaker cone visibly thumps with each bass note.

#animation #gradient #transform

Live preview Backgrounds

Spectrum Analyzer

A frequency spectrum of colored bars sweeps left to right.

#animation #gradient #shadow

Live preview Backgrounds

Spider Web

A dew-spangled spider web glistens in morning mist.

#animation #gradient

Live preview Backgrounds

Spiral Galaxy Arms

A grand spiral galaxy rotates with bright swirling arms of stars.

#animation #gradient #transform

Live preview Backgrounds

Spirograph

Spirograph hypotrochoid curve with rotating multi-petal shape.

#animation #gradient #transform

Live preview Backgrounds

Splatter Paint

Energetic splatter paint droplets scatter across a bright canvas.

#animation #gradient #transform

Live preview Backgrounds

Spotlight Grid Stage

A grid of LED spotlights fades in sequence across a stage.

#animation #gradient #shadow

Live preview Backgrounds

Spotlight Pair

Two spotlights cross in the dark, leaving a brighter overlap.

#animation #gradient #transform

Live preview Backgrounds

Spring Bloom

Soft pink and green blossoms pop open across a fresh spring backdrop.

#animation #gradient #transform

Live preview Backgrounds

Early Spring

Early spring brings pale green buds under a soft sky.

#animation #gradient

Live preview Backgrounds

Late Spring

Late spring fills the air with floating seeds and petals.

#animation #gradient

Live preview Backgrounds

Mid Spring

Mid-spring blooms with vibrant blossoms under bright sky.

#animation #gradient #transform

Live preview Backgrounds

Spring Shower

A gentle spring shower falls among blooming flowers.

#animation #gradient

Live preview Backgrounds

Spring Thaw

Spring thaw melts the last snow revealing fresh green shoots.

#animation #gradient

Live preview Backgrounds

Square Wave

Square wave pulse signal stepping across the panel.

#animation #gradient #transform

Live preview Backgrounds

Stadium Wave

A stadium crowd performs a mexican wave around the stands.

#animation #gradient

Live preview Backgrounds

Stage Spotlight

Two theatrical spotlights sweep across a velvet curtain stage.

#animation #gradient #transform

Live preview Backgrounds

Stained Glass

Bright stained-glass panels glow with colored light.

#animation #gradient #filter

Live preview Backgrounds

Gothic Stained Glass

Tall gothic cathedral stained-glass window with light play.

#animation #gradient #transform

Live preview Backgrounds

Art Nouveau Glass

Flowing Art Nouveau stained glass with peacock hues.

#animation #gradient #transform

Live preview Backgrounds

Twinkling Starfield

A field of tiny stars that twinkle against the deep cosmos.

#gradient #animation #3d

Live preview Backgrounds

Starlit Night

A dense field of stars twinkles across a clear midnight sky.

#animation #gradient #transform

Live preview Backgrounds

Steak Grill Marks

A sizzling steak with charring grill marks and rising smoke.

#animation #gradient #transform

Live preview Backgrounds

Steam Vapor

Wisps of steam rise and dissipate above a glowing warm surface.

#gradient #animation #shadow

Live preview Backgrounds

Steampunk Brass Gears

Brass steampunk gears meshing in continuous rotation.

#animation #gradient #transform

Live preview Backgrounds

Stopwatch Tick

A digital stopwatch counting up with red LED digits.

#animation #gradient #transform

Live preview Backgrounds

Storm Clouds Rolling

Dark turbulent storm clouds roll and churn across a threatening sky.

#animation #gradient #transform

Live preview Backgrounds

Streamers Cascade

Twisting party streamers cascade down in vibrant colors.

#animation #gradient #transform

Live preview Backgrounds

Neon Street

Glowing neon signs light up a dark city street.

#animation #gradient #shadow

Live preview Backgrounds

String Theory

One-dimensional strings vibrating at cosmic frequencies.

#animation #gradient #transform

Live preview Backgrounds

Rainbow Stripes

Vibrant rainbow diagonal stripes slide in opposite directions.

#animation #gradient

Live preview Backgrounds

Strobe Pulse

Rhythmic strobe light pulses flash through a darkened room.

#animation #gradient #transform

Live preview Backgrounds

Summer Berry

Ripe summer berries dot green bushes under warm sun.

#animation #gradient

Live preview Backgrounds

Summer Drought

Parched cracked earth bakes under a relentless drought sun.

#animation #gradient

Live preview Backgrounds

Early Summer

Early summer warms a deep blue sky with bright green growth.

#animation #gradient #transform

Live preview Backgrounds

Summer Haze Day

A hazy summer day shimmers with heat over golden fields.

#animation #gradient #transform

Live preview Backgrounds

Summer Heat Shimmer

Rising heat waves shimmer above a scorching summer plain.

#animation #gradient #transform

Live preview Backgrounds

Summer Noon

Hot summer noon sun blazes down on a hazy landscape.

#animation #gradient #transform

Live preview Backgrounds

Summer Solstice

The longest day blazes with intense golden solstice light.

#animation #gradient #transform

Live preview Backgrounds

Summer Storm

A sudden summer storm rolls dark clouds across a hot sky.

#animation #gradient #transform

Live preview Backgrounds

Sumo Ring Clay

A traditional sumo dohyo clay ring with a tassel roof above.

#animation #gradient #transform

Live preview Backgrounds

Sundog Halo

Bright sundog spots flank a glowing sun in an icy sky.

#animation #gradient #transform

Live preview Backgrounds

Sunflower Field

Bright sunflower faces turn slowly toward a warm summer sun.

#animation #gradient #transform

Live preview Backgrounds

Sunrise Burst

Brilliant sunrise rays burst outward from the brightening horizon.

#animation #gradient #transform

Live preview Backgrounds

Sunset Gradient

A warm sunset sky shifts through orange, pink, and purple hues.

#gradient #animation #shadow

Live preview Backgrounds

Sunset Strata

Banded sky colours shift hue slowly while a sun disc climbs behind the layers.

#animation #gradient #shadow

Live preview Backgrounds

Supernova Burst

A brilliant supernova explodes outward in a shockwave of light.

#animation #gradient #transform

Live preview Backgrounds

Bright Supernova

A brilliant supernova explosion bursts with intense white light.

#animation #gradient #transform

Live preview Backgrounds

Supernova Remnant

An expanding supernova remnant glows with colorful gas filaments.

#animation #gradient #transform

Live preview Backgrounds

Surfing Barrel

A breaking ocean wave forms a barrel with spray at the crest.

#animation #gradient #transform

Live preview Backgrounds

Sushi Roll Spin

A maki sushi roll spins to reveal seaweed, rice, and fish.

#animation #gradient #transform

Live preview Backgrounds

Suzani Embroidery

Central Asian suzani-style embroidered circular motifs.

#animation #gradient #filter