#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

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

Live preview Backgrounds

Floating Balloons

Festive balloons drift gently upward on a soft gradient sky.

#gradient #animation #border

Live preview Backgrounds

Bamboo Forest

Tall green bamboo stalks sway gently in a Zen garden breeze.

#animation #gradient #transform

Live preview Backgrounds

Band Stage Spotlights

Multiple colored spotlights converge on a dark band stage.

#animation #gradient #transform

Live preview Backgrounds

Baseball Diamond

A green baseball field with brown dirt diamond and bases.

#animation #gradient #transform

Live preview Backgrounds

Basketball Court

A wooden basketball court with center circle and three-point line.

#animation #gradient #transform

Live preview Backgrounds

Basketball Hoop Net

A basketball hoop and net swish as the ball goes through.

#animation #gradient #transform

Live preview Backgrounds

Bass Drop Rumble

A massive bass drop sends visible ripples across the panel.

#animation #gradient #transform

Live preview Backgrounds

Batik Wax Resist

Batik wax-resist dye creates crackled organic patterns in indigo.

#animation #gradient

Live preview Backgrounds

Bauhaus Shapes

Primary-color Bauhaus circles, squares, and triangles compose boldly.

#animation #gradient #transform

Live preview Backgrounds

Beer Foam Pour

Beer pours into a glass with rising foam head.

#animation #gradient #transform

Live preview Backgrounds

Bell Tower Ring

A cathedral bell swings in its tower emitting warm chime glows.

#animation #gradient #transform

Live preview Backgrounds

Binary Eclipse

One star eclipses its companion in a binary system.

#animation #gradient #transform

Live preview Backgrounds

Merging Binaries

Two neutron stars spiral together merging in a violent flash.

#animation #gradient #transform

Live preview Backgrounds

Binary Orbit

Two stars orbit around a common center of mass.

#animation #gradient #transform

Live preview Backgrounds

Binary Rain

Streams of binary digits fall like digital rain.

#animation #gradient

Live preview Backgrounds

Binary Stars

Two stars orbit each other in a graceful cosmic dance.

#animation #gradient #transform

Live preview Backgrounds

Bioluminescent Bay

Glowing blue bioluminescent plankton lights up a dark bay.

#animation #gradient #filter

Live preview Backgrounds

Bioluminescent Cave

Glowing crystals and fungi light a dark underground cave.

#animation #gradient

Live preview Backgrounds

Bioluminescent Grove

Glowing blue mushrooms and spores light up a magical dark grove.

#animation #gradient #filter

Live preview Backgrounds

Birch Trees

White birch trunks with black markings stand in a misty wood.

#animation #gradient #transform

Live preview Backgrounds

Birds Flying

Silhouette birds flap and glide across an evening sky.

#gradient #animation #border

Live preview Backgrounds

Black Hole

Matter spirals into a glowing black hole accretion disk.

#gradient #animation #shadow

Live preview Backgrounds

Black Hole Accretion Disk

A black hole's accretion disk swirls with superheated matter.

#animation #gradient #transform

Live preview Backgrounds

Event Horizon

The black sphere of an event horizon bends light around it.

#animation #gradient #transform

Live preview Backgrounds

Photon Sphere

Light orbits a black hole in a glowing photon sphere ring.

#animation #gradient #transform

Live preview Backgrounds

Bleachers Crowd

Stadium bleachers full of cheering fans in team colors.

#animation #gradient #transform

Live preview Backgrounds

Blizzard Wind

Heavy snow blows diagonally in a fierce winter storm.

#gradient #animation #border

Live preview Backgrounds

Blue Hour

The cool blue hour between sunset and night settles over a calm bay.

#animation #gradient #transform

Live preview Backgrounds

Bokeh Circles

Soft out-of-focus circles of light drift across a warm bokeh field.

#gradient #animation #border

Live preview Backgrounds

Bonfire Embers

A roaring bonfire sends glowing embers spiraling upward.

#animation #gradient #transform

Live preview Backgrounds

Bonsai Tree

A miniature bonsai tree sits centered on raked sand.

#animation #gradient #transform

Live preview Backgrounds

Boreal Taiga

Endless boreal taiga of dark conifers under a cold grey sky.

#animation #gradient #transform

Live preview Backgrounds

Bowling Alley Lights

A bowling alley lane with neon lights and rolling ball.

#animation #gradient #transform

Live preview Backgrounds

Browning Toast

A bread slice in a toaster slowly browns under heating elements.

#animation #gradient #transform

Live preview Backgrounds

Brown Dwarf Glow

A dim brown dwarf emits a faint reddish-brown cooling glow.

#animation #gradient #transform

Live preview Backgrounds

Brown Dwarf Glow

A dim brown dwarf emits a faint deep red glow.

#animation #gradient #transform

Live preview Backgrounds

Bubble Rise

Translucent bubbles float up through deep water and fade out near the surface.

#animation #transform #gradient

Live preview Backgrounds

Butter Melt on Toast

A pat of butter slowly melts and spreads on hot toast.

#animation #gradient #transform

Live preview Backgrounds

Butterfly Swarm

Colorful butterflies flutter upward in a swirling swarm.

#animation #gradient #transform

Live preview Backgrounds

Candy Cane Twist

Red and white candy cane stripes swirl in a barber-pole twist.

#animation #gradient

Live preview Backgrounds

Antelope Canyon

Smooth flowing sandstone walls of Antelope Canyon glow orange.

#animation #gradient #transform

Live preview Backgrounds

Deep Canyon

Layered red canyon walls glow in warm sunset light.

#animation #gradient

Live preview Backgrounds

Grand Canyon

Layered red rock of the Grand Canyon glows in sunset light.

#animation #gradient

Live preview Backgrounds

Caramel Burn

Crème brûlée's sugar top is torched to a golden caramel.

#animation #gradient #transform

Live preview Backgrounds

Cassette Tape Roll

Two cassette reels spin in opposite directions as tape rolls past.

#animation #gradient #transform

Live preview Backgrounds

Pool Caustics

Bright caustic light patterns dance on a pool floor.

#animation #gradient #transform

Live preview Backgrounds

Shallow Caustics

Shimmering caustic light ripples in shallow clear water.

#animation #gradient #transform

Live preview Backgrounds

Celtic Knot

Endless Celtic knot interlace weaves in emerald green on dark.

#animation #gradient

Live preview Backgrounds

Champagne Bubbles

Tiny champagne bubbles stream upward in a tall flute.

#animation #gradient #transform

Live preview Backgrounds

Chaparral Scrub

Mediterranean chaparral scrubland bakes in dry golden light.

#animation #gradient #transform

Live preview Backgrounds

Cherry Blossom

Delicate pink sakura petals drift across a soft spring sky.

#gradient #animation #border

Live preview Backgrounds

Chocolate Fondue Cascade

Warm chocolate flows in sheets down a multi-tier fountain.

#animation #gradient #transform

Live preview Backgrounds

Chromatic Aberration

RGB channel split creating chromatic aberration fringes.

#animation #transform

Live preview Backgrounds

Circuit Board

Green circuit board with traces and pulsing connection nodes.

#animation #gradient

Live preview Backgrounds

City Rain

Rain falls over a dark city silhouette with slick streets.

#animation #gradient

Live preview Backgrounds

Cliff Edge

A rocky cliff edge drops to a churning ocean far below.

#animation #gradient #transform

Live preview Backgrounds

Climbing Vines

Green climbing vines twist and grow upward toward the light.

#animation #gradient

Live preview Backgrounds

Cloudburst

A sudden cloudburst dumps a solid curtain of water from a black cloud.

#animation #gradient

Live preview Backgrounds

Drifting Clouds

Fluffy clouds scroll horizontally across a blue sky.

#gradient #animation #border

Live preview Backgrounds

Beach Coast

A sandy beach with gentle waves rolling to shore.

#animation #gradient #transform

Live preview Backgrounds

Coastal Lagoon

A calm turquoise lagoon shimmers in tropical sun.

#animation #gradient

Live preview Backgrounds

Tidal Coast

A tidal coast with rhythmic waves advancing and retreating.

#animation #gradient #transform

Live preview Backgrounds

Latte Art

Creamy milk swirls into dark espresso forming latte art patterns.

#animation #gradient #transform

Live preview Backgrounds

Coffee Crema

Golden coffee crema swirls on top of a fresh espresso.

#animation #gradient #transform

Live preview Backgrounds

Coffee Crema Spin

Espresso crema swirls in a spiral as the cup is rotated.

#animation #gradient #transform

Live preview Backgrounds

Coffee Swirl

Milk swirls into dark coffee in mesmerizing patterns.

#animation #gradient #transform

Live preview Backgrounds

Color Melt

Solid blocks of color melt and bleed into one another slowly.

#animation #gradient #transform

Live preview Backgrounds

Comet Tail

A glowing comet streaks across space leaving a luminous ion tail.

#animation #gradient #transform

Live preview Backgrounds

Concert Hall Curtain

Red velvet theater curtain ripples softly before a performance.

#animation #gradient #transform

Live preview Backgrounds

Concert Stage Lights

Moving concert lights paint colored beams across a dark stage.

#animation #gradient #transform

Live preview Backgrounds

Confetti Storm

A storm of colorful confetti falls in every direction.

#animation #gradient

Live preview Backgrounds

Conic Vortex

An animated angle property spins a conic gradient into a smooth colour vortex.

#animation #gradient #filter

Live preview Backgrounds

Coral Reef

Vibrant coral reef teems with color beneath clear turquoise water.

#animation #gradient #transform

Live preview Backgrounds

Cosmic Microwave Background

The faint cosmic microwave background glows with mottled temperature variations.

#animation #gradient

Live preview Backgrounds

Creamer Swirl

Creamer creates a swirling galaxy pattern in dark coffee.

#animation #gradient #transform

Live preview Backgrounds

Crystal Ball

A glowing crystal ball swirls with mystic mist inside.

#animation #gradient #transform

Live preview Backgrounds

Cupcake Frosting Swirl

A pink frosting swirl tops a cupcake with sprinkles.

#animation #gradient #transform

Live preview Backgrounds

Curling Sheet

A curling sheet of ice with target rings and sliding granite stone.

#animation #gradient #transform

Live preview Backgrounds

Cyberpunk Neon Rain

Cyberpunk city rain over glowing neon signage.

#animation #gradient #filter

Live preview Backgrounds

Velodrome Cycling

Banked wooden velodrome track with cyclists racing past.

#animation #gradient #transform

Live preview Backgrounds

Cymbal Crash

A brass cymbal shimmers and vibrates after being struck.

#animation #gradient #transform

Live preview Backgrounds

Daisy Meadow

White daisies with yellow centers dot a green summer meadow.

#animation #gradient #transform

Live preview Backgrounds

Damask Pattern

Ornate damask floral motifs repeat in elegant symmetry.

#animation #gradient #transform

Live preview Backgrounds

Dartboard Segments

A regulation dartboard with alternating black and white segments.

#animation #gradient #transform

Live preview Backgrounds

Datamosh

Datamosh compression artifacts bleeding across frames.

#animation #gradient #transform

Live preview Backgrounds

Soft Dawn

A soft pastel dawn breaks with pink and pale blue hues.

#animation #gradient #transform

Live preview Backgrounds

Misty Dawn

A pale cool dawn breaks through drifting valley mist.

#animation #gradient #transform

Popular tags