#animation CSS effects

3,824 free, pure-CSS effects match the "animation" tag. Each is copy-ready and needs no library or build step.

Live preview Backgrounds

Rave Glow Sticks

Neon glow sticks wave through the dark at a rave.

#animation #gradient #transform

Live preview Backgrounds

Red Giant Star

An enormous red giant star swells with slow churning plasma.

#animation #gradient #transform

Live preview Backgrounds

Dying Red Giant

A dying red giant sheds outer layers into a glowing shell.

#animation #gradient #transform

Live preview Backgrounds

Huge Red Giant

An enormous red giant star fills the sky with deep crimson.

#animation #gradient #transform

Live preview Backgrounds

Redwood Giants

Towering ancient redwoods rise into a misty cathedral canopy.

#animation #gradient #transform

Live preview Backgrounds

Flowing Ribbons

Silky ribbons of color flow and wave across a dark stage.

#gradient #animation #border

Live preview Backgrounds

Spacetime Rift

Glowing rift tearing through spacetime fabric.

#animation #gradient #transform

Live preview Backgrounds

Ringed Planet

A distant ringed planet tilts showing off its bright ring system.

#animation #gradient #transform

Live preview Backgrounds

Pond Ripples

Concentric ripples expand outward across a calm pond surface.

#animation #gradient #transform

Live preview Backgrounds

Calm River

A calm wide river flows gently between green banks.

#animation #gradient

Live preview Backgrounds

River Delta

A river delta fans out into the sea with branching channels.

#animation #gradient #transform

Live preview Backgrounds

Flowing River

A wide river flows with shimmering ripples toward the horizon.

#animation #gradient #transform

Live preview Backgrounds

River Rapids

White-water river rapids rush foaming over rocks.

#animation #gradient #transform

Live preview Backgrounds

Climbing Wall Holds

Colorful climbing holds dot a textured rock climbing wall.

#animation #gradient #shadow

Live preview Backgrounds

Rock Concert Lights

Aggressive red and white strobe lights flash for a rock concert.

#animation #gradient #transform

Live preview Backgrounds

Rooftop Garden

Green rooftop garden with plants on a city building top.

#animation #gradient #transform

Live preview Backgrounds

Sprint Lane

Sprint runners race down marked lanes with motion blur.

#animation #gradient #transform

Live preview Backgrounds

Rust Corrosion

Rust flaking off oxidized iron with shifting patches.

#animation #gradient #transform

Live preview Backgrounds

Flower of Life

Sacred geometry Flower of Life mandala rotating with hypnotic precision.

#animation #gradient #transform

Live preview Backgrounds

Salt Flat Mirror

A vast salt flat mirrors the sky in a perfect reflective sheen.

#animation #gradient #transform

Live preview Backgrounds

Salt and Pepper Shake

Salt and pepper grains sprinkle down from shakers.

#animation #gradient #shadow

Live preview Backgrounds

Sand Ripple

Wind-blown ripples shift slowly across dune sand.

#animation #gradient

Live preview Backgrounds

Sandstorm

Tan sand particles whip horizontally across a desert haze.

#gradient #animation #border

Live preview Backgrounds

African Savanna

African savanna with golden grass and a flat-top acacia.

#animation #gradient #transform

Live preview Backgrounds

Dry Savanna

Parched dry savanna grass ripples under a relentless sun.

#animation #gradient #transform

Live preview Backgrounds

Savanna Grass

Golden savanna grass sways gently under a wide African sky.

#animation #gradient #transform

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

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

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

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

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

Popular tags