#animation CSS effects

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

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

Hyperspace Jump

Hyperspace jump with starlines streaking past the viewer.

#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

Koch Snowflake

Koch snowflake fractal with infinite crystalline edges.

#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

Landing Pad Lights

A circular helipad perimeter lights up in yellow sequence.

#animation #gradient #transform

Live preview Backgrounds

Laser Grid Floor

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

#animation #gradient #transform

Live preview Backgrounds

Laser Line Sweep

A horizontal laser line scans vertically across a dark room.

#animation #gradient #shadow

Live preview Backgrounds

Laser Pattern Spin

Concentric laser rings rotate and form a Lissajous pattern.

#animation #gradient #transform

Live preview Backgrounds

Laser Show Fan

A fan-shaped burst of green lasers sprays across a dark stage.

#animation #gradient #transform

Live preview Backgrounds

Laser Show Grid

Crisscrossing laser beams sweep across a smoky stage grid.

#animation #gradient #shadow

Live preview Backgrounds

Lava Flow

Glowing molten lava flows and churns with fiery heat.

#gradient #animation #shadow

Live preview Backgrounds

Lava Lamp Blobs

Warm wax blobs rise and fall slowly inside a classic lava lamp.

#animation #gradient #transform

Live preview Backgrounds

Lavender Field

Rows of purple lavender sway in neat stripes under a soft sky.

#animation #gradient #transform

Live preview Backgrounds

Lavender Mist

Soft purple lavender mist drifts over a calm dawn meadow.

#animation #gradient #transform

Live preview Backgrounds

LED Matrix

A grid of LEDs blinks in animated patterns.

#animation #gradient

Live preview Backgrounds

Leopard Print

Spotted leopard print pattern with golden rosettes.

#animation #gradient

Live preview Backgrounds

Lighthouse Beam

A lighthouse beam sweeps over a stormy night sea.

#animation #gradient #transform

Live preview Backgrounds

Lightning Storm

Bolts of lightning flash across a dark stormy sky with a soft glow.

#gradient #animation #glow

Live preview Backgrounds

Ball Lightning

A rare orb of glowing ball lightning drifts through a stormy night.

#animation #gradient #transform

Live preview Backgrounds

Lightning Bug Cloud

A swarm of lightning bugs blinks in sync across a summer field.

#animation #gradient #transform

Live preview Backgrounds

Fork Lightning

A jagged fork of lightning splits across a stormy night sky.

#animation #gradient #transform

Live preview Backgrounds

Sheet Lightning

Silent sheet lightning illuminates the entire cloud layer from within.

#animation #gradient

Live preview Backgrounds

Liquid Blob Morph

A glowing blob slowly morphs and rotates through saturated hues.

#gradient #animation #shadow

Live preview Backgrounds

Lollipop Spin

A swirl-pattern lollipop spins on its stick.

#animation #gradient #transform

Live preview Backgrounds

Lotus Pond

Pink lotus flowers float on still green pond water with lily pads.

#animation #gradient #transform

Live preview Backgrounds

Blood Moon Eclipse

A blood-red moon glows during a total lunar eclipse.

#animation #gradient #transform

Live preview Backgrounds

Magic Circle

A glowing arcane magic circle rotates on a dark floor.

#animation #gradient #transform

Live preview Backgrounds

Magnetar

A highly magnetic neutron star crackles with field lines.

#animation #gradient #transform

Live preview Backgrounds

Magnetar Flare

A magnetar star unleashes brilliant magnetic field flares.

#animation #gradient #transform

Live preview Backgrounds

Magnolia Tree

Creamy magnolia blossoms open on graceful branches in spring.

#animation #gradient #transform

Live preview Backgrounds

Italian Majolica

Renaissance Italian majolica tin-glazed earthenware pattern.

#animation #gradient #transform

Live preview Backgrounds

Floral Mandala

Eight-fold floral mandala with blooming petal rings.

#animation #gradient #transform

Live preview Backgrounds

Geometric Mandala

Symmetric geometric mandala with rotating petals.

#animation #gradient #transform

Live preview Backgrounds

Mangrove Swamp

Tangled mangrove roots rise from still brackish water at dusk.

#animation #gradient

Live preview Backgrounds

Finish Line Tape

A stretched yellow finish line tape waiting to be broken.

#animation #gradient #transform

Live preview Backgrounds

Marathon Runners

Silhouettes of marathon runners stream across the horizon.

#animation #gradient #transform

Popular tags