#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

Frost Crystal

A single intricate ice crystal grows across a deep blue surface.

#animation #gradient #transform

Live preview Backgrounds

Ground Frost

A sparkling layer of frost crystals coats the cold morning ground.

#animation #gradient

Live preview Backgrounds

Frosty Window

Intricate frost ferns creep across a cold window pane.

#animation #gradient #transform

Live preview Backgrounds

Frying Pan Sizzle

A cast iron pan sizzles with oil droplets popping in the heat.

#animation #gradient #transform

Live preview Backgrounds

Barred Spiral Galaxy

A barred spiral galaxy rotates with an elongated central bar.

#animation #gradient #transform

Live preview Backgrounds

Elliptical Galaxy

A smooth elliptical galaxy glows soft gold with old stars.

#animation #gradient #transform

Live preview Backgrounds

Irregular Galaxy

An irregular galaxy swirls in chaotic patches of bright stars.

#animation #gradient #transform

Live preview Backgrounds

Gamma Ray Burst

An intense gamma ray burst flashes brilliant across the cosmos.

#animation #gradient #transform

Live preview Backgrounds

Gas Giant Rings

A banded gas giant planet rotates with majestic icy rings.

#animation #gradient #transform

Live preview Backgrounds

Gas Lantern Glow

An old-fashioned gas lantern flickers with a warm yellow mantle.

#animation #gradient #transform

Live preview Backgrounds

Cracked Geode

A cracked-open geode reveals sparkling purple crystals inside.

#animation #gradient #transform

Live preview Backgrounds

Geometric Tiles

Colorful geometric hexagonal tiles tessellate and rotate slowly.

#animation #gradient #transform

Live preview Backgrounds

Geyser Eruption

A geyser erupts shooting hot steam high into the air.

#animation #gradient #transform

Live preview Backgrounds

Gingham Check

Cheerful gingham checkered pattern in red and white squares.

#animation #gradient #filter

Live preview Backgrounds

Blue Glacier

A massive blue glacier glows with deep icy crevasses.

#animation #gradient

Live preview Backgrounds

Forest Glade Sunbeam

A single sunbeam pierces the canopy into a misty forest glade.

#animation #gradient #transform

Live preview Backgrounds

Glitch Screen

Digital glitch artifacts tear across a corrupted screen.

#animation #gradient #transform

Live preview Backgrounds

Shimmer Glitter

Sparkling glitter flecks shimmer with a sweeping highlight across a metallic gradient.

#gradient #animation #border

Live preview Backgrounds

Globular Cluster

A dense spherical globular cluster of thousands of ancient stars.

#animation #gradient #transform

Live preview Backgrounds

Glockenspiel Bar

Metal glockenspiel bars glow in sequence as if being struck.

#animation #gradient #shadow

Live preview Backgrounds

Glowing Mushroom

A cluster of glowing mushrooms emits soft cyan light.

#animation #gradient #shadow

Live preview Backgrounds

Gold Flake

Shimmering gold leaf flakes drift across a deep black lacquer.

#animation #gradient #transform

Live preview Backgrounds

Gold Leaf Flutter

Gold leaf flakes drifting and catching light.

#animation #gradient #transform

Live preview Backgrounds

Golden Hour

Warm golden hour light bathes everything in honeyed glow.

#animation #gradient #transform

Live preview Backgrounds

Golf Course Green

A manicured golf green with the flagstick rippling in the wind.

#animation #gradient #transform

Live preview Backgrounds

Goo Blob

A single glossy blob of goo wobbles and morphs organically.

#animation #gradient #transform

Live preview Backgrounds

Goo Drip

Thick glossy goo drips slowly down in big blobs.

#animation #gradient #shadow

Live preview Backgrounds

Lava Lamp Goo

Glowing blobs of goo rise and fall in a classic lava lamp rhythm.

#animation #gradient #transform

Live preview Backgrounds

Goo Stretch

A goo blob stretches and snaps in elastic motion.

#animation #gradient #transform

Live preview Backgrounds

Gradient River

A flowing river of multi-color gradient streams gently across.

#animation #gradient #transform

Live preview Backgrounds

Gravitational Lens

A massive object bends distant light into a lensed arc.

#animation #gradient #transform

Live preview Backgrounds

Greek Key Border

Continuous Greek key meander pattern in gold on deep blue.

#animation #gradient

Live preview Backgrounds

Pulsing Cyber Grid

A glowing cyber grid pulses outward from center with a scanning sweep.

#gradient #animation #shadow

Live preview Backgrounds

Guitar String Vibrate

A plucked guitar string vibrates against a warm wooden backdrop.

#animation #gradient #transform

Live preview Backgrounds

Gymnastics Rings

Two wooden gymnastic rings swing side to side in a gym.

#animation #gradient #transform

Live preview Backgrounds

Hail Storm

White hail pellets bounce against a stormy slate sky.

#animation #gradient #transform

Live preview Backgrounds

Large Hail

Big hailstones pound down across a dark stormy sky.

#animation #gradient

Live preview Backgrounds

Small Hail

Tiny hailstones bounce down across a chilly grey sky.

#animation #gradient

Live preview Backgrounds

Pumpkin Glow

A jack-o'-lantern pumpkin glows orange in the dark.

#animation #gradient #transform

Live preview Backgrounds

Harlequin Diamonds

Harlequin diamond checker pattern in traditional jester colors.

#animation #gradient

Live preview Backgrounds

Harmonograph

Harmonograph pendulum pattern with overlaid sinusoidal curves.

#animation #gradient #transform

Live preview Backgrounds

Harp Strings Glow

Angelic harp strings shimmer gold while being plucked in sequence.

#animation #gradient #shadow

Live preview Backgrounds

Harvest Moon

A large orange harvest moon rises over silhouette fields.

#animation #gradient #transform

Live preview Backgrounds

Warm Haze Drift

A warm orange haze slowly drifts over a sunbaked horizon.

#animation #gradient #transform

Live preview Backgrounds

Heat Haze

Shimmering heat haze ripples the air above scorched ground.

#animation #gradient #transform

Live preview Backgrounds

Smoky Haze

A drifting smoky haze of grey wisps softens the scene.

#animation #gradient #transform

Live preview Backgrounds

Headlight Beam

Two car headlights cast cones of light through fog.

#animation #gradient #transform

Live preview Backgrounds

Headlight Tunnel

Symmetric rows of headlights and taillights blur past in a tunnel.

#animation #gradient #transform

Live preview Backgrounds

Heisenberg Uncertainty

Probability cloud with uncertain position and momentum.

#animation #gradient #transform

Live preview Backgrounds

Herringbone Weave

Classic herringbone weave shifts in alternating warm wood tones.

#animation #gradient

Live preview Backgrounds

Honeycomb Hexagons

Golden honeycomb hexagons tessellate with a warm glowing pulse.

#animation #gradient

Live preview Backgrounds

Hockey Rink Faceoff

An ice hockey rink with a red faceoff circle and puck sliding.

#animation #gradient #transform

Live preview Backgrounds

Hologram Flicker

A glitchy cyan hologram flickers with scanlines and interference.

#animation #gradient #transform

Live preview Backgrounds

Holographic Foil

Holographic foil shimmering with shifting rainbow bands.

#animation #gradient

Live preview Backgrounds

Holographic Foil

Holographic foil shifts through rainbow angles with metallic shine.

#animation #gradient #transform

Live preview Backgrounds

Honey Drip

Golden honey slowly drips from a spoon in slow viscous strands.

#animation #gradient #transform

Live preview Backgrounds

Honeycomb Bees

Bees buzz around a golden honeycomb dripping with honey.

#animation #gradient #transform

Live preview Backgrounds

Houndstooth

Classic houndstooth checks tessellate in black and white.

#animation #gradient

Live preview Backgrounds

Hurdle Jump

A hurdler leaps over a yellow hurdle with motion lines.

#animation #gradient #transform

Live preview Backgrounds

Hurricane Spiral

A massive hurricane spiral rotates over a dark ocean from above.

#animation #gradient #transform

Live preview Backgrounds

Hydrothermal Vent

A deep-sea hydrothermal vent belches glowing hot mineral plumes.

#animation #gradient #transform

Live preview Backgrounds

Ice Cream Melt

An ice cream cone with colorful drips running down the sides.

#animation #gradient #transform

Live preview Backgrounds

Ice Crystals

Frosty ice crystals form and shimmer in a cold blue field.

#gradient #animation #shadow

Live preview Backgrounds

Ice Fog

Crystalline ice fog shimmers in freezing air over snow.

#animation #gradient #transform

Live preview Backgrounds

Ice Rink Zamboni

An ice rink surface with a zamboni sweeping path trails.

#animation #gradient #shadow

Live preview Backgrounds

Floating Iceberg

A blue iceberg drifts slowly across a calm arctic sea.

#animation #gradient #transform

Live preview Backgrounds

Ikat Weave

Blurry-edged ikat-dyed yarn patterns shift in tribal colors.

#animation #gradient #filter

Live preview Backgrounds

Incandescent Flicker

An old incandescent bulb warms up and flickers warmly.

#animation #gradient #transform

Live preview Backgrounds

Black Ink

Black ink bleeds and spreads through clear liquid.

#animation #gradient #transform

Live preview Backgrounds

Ink Bleed

A single drop of ink bleeds outward in delicate tendrils.

#animation #gradient #transform

Live preview Backgrounds

Colored Ink

Vibrant colored inks bleed together in water.

#animation #gradient #transform

Live preview Backgrounds

Ink Drop Bloom

A single ink drop blooms outward in delicate branching tendrils.

#animation #gradient #transform

Live preview Backgrounds

Ink Splash

A dynamic splash of dark ink bursts outward in star pattern.

#animation #gradient #transform

Live preview Backgrounds

Ink Swirl

Dark ink swirls and blooms hypnotically through clear water.

#animation #gradient #transform

Live preview Backgrounds

Iridescent Pearl

Pearlescent surface shimmering with shifting pastel hues.

#animation #gradient #transform

Live preview Backgrounds

Iridescent Shell

An iridescent abalone shell shimmers with pearlescent colors.

#animation #gradient #transform

Live preview Backgrounds

Isometric Cubes

Three-dimensional isometric cubes tessellate in a shifting grid.

#animation #gradient

Live preview Backgrounds

Ivy Vines

Climbing ivy vines grow upward across an old brick wall.

#animation #gradient

Live preview Backgrounds

Jack-o-Lantern Glow

A carved pumpkin glows with flickering candlelight on Halloween night.

#animation #gradient #transform

Live preview Backgrounds

Japanese Maple

Crimson Japanese maple leaves drift down in a Zen garden.

#animation #gradient #transform

Live preview Backgrounds

Seigaiha Waves

Traditional Japanese seigaiha wave pattern in blue.

#animation #gradient

Live preview Backgrounds

Jazz Trumpet Sparkle

A golden trumpet blares with sparkles emanating from the bell.

#animation #gradient #transform

Live preview Backgrounds

Jellyfish Drift

Glowing jellyfish pulse and drift through deep ocean blue.

#gradient #animation #shadow

Live preview Backgrounds

Jungle Canopy

A high tropical jungle canopy filters sunlight in green beams.

#animation #gradient #transform

Live preview Backgrounds

Dense Jungle

A dense tropical jungle overflows with thick layered foliage.

#animation #gradient #transform

Live preview Backgrounds

Tropical Jungle

Lush dense jungle foliage with vibrant greens and filtered light.

#animation #gradient #transform

Live preview Backgrounds

Kaleidoscope

A vibrant kaleidoscope of geometric colors rotates in symmetry.

#animation #gradient #transform

Live preview Backgrounds

Kaleidoscope 12

A 12-fold kaleidoscope of intricate rotating patterns.

#animation #gradient #transform

Live preview Backgrounds

Kaleidoscope 8

An 8-fold kaleidoscope of pastel symmetric colors.

#animation #gradient #transform

Live preview Backgrounds

Karaoke Text Scroll

Lyrics scroll horizontally with a highlight bar marking timing.

#animation #gradient #transform

Live preview Backgrounds

Kelp Forest

Tall kelp fronds sway gently in an underwater current.

#animation #gradient #transform

Live preview Backgrounds

Kente Cloth Weave

West African Kente cloth with bold color blocks.

#animation #gradient

Live preview Backgrounds

Kikkou Hexagon

Japanese kikkou tortoise-shell hexagonal lattice.

#animation #gradient #filter

Live preview Backgrounds

Anatolian Kilim

Turkish kilim flat-weave with stepped diamond motifs.

#animation #gradient #transform

Live preview Backgrounds

Koi Pond

Orange and white koi fish swim lazily through a tranquil pond.

#animation #gradient #transform

Live preview Backgrounds

Laser Grid Floor

A neon laser grid stretches to a vanishing point on the horizon.

#animation #gradient #transform

Popular tags