#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

Color Op Art

Vibrant color optical art with vibrating concentric squares.

#animation #gradient #transform

Live preview Backgrounds

Op Art Vibration

High-contrast stripes create a vibrating optical illusion.

#animation #gradient

Live preview Backgrounds

Fire Opal

A fire opal flashes red orange and green from within.

#animation #gradient #transform

Live preview Backgrounds

Orchestra Pit Glow

Music stands and silhouetted musicians fill a softly lit orchestra pit.

#animation #gradient #shadow

Live preview Backgrounds

Orchid Bloom

Exotic purple orchid blossoms glow against dark tropical foliage.

#animation #gradient #transform

Live preview Backgrounds

Brush Strokes

Bold paint brush strokes sweep diagonally across the canvas.

#animation #gradient #transform

Live preview Backgrounds

Paint Drip

Thick paint drips slowly down a colorful canvas.

#animation #gradient

Live preview Backgrounds

Paint Spray

Fine spray paint mist coats a surface in gradient color.

#animation #gradient #filter

Live preview Backgrounds

Paint Throw

Vivid paint splatters are thrown against a stark canvas.

#animation #gradient #transform

Live preview Backgrounds

Paisley Pattern

Swirling paisley teardrop motifs repeat in warm bohemian colors.

#animation #gradient

Live preview Backgrounds

Palm Trees

Tropical palm trees sway against a sunset beach sky.

#animation #gradient #transform

Live preview Backgrounds

Pancake Stack Flip

A pancake flips in mid-air above a stack on a plate.

#animation #gradient #transform

Live preview Backgrounds

Particle Field Drift

Ethereal particle field drifting through cosmic haze.

#animation #gradient

Live preview Backgrounds

Pasta Boil

Boiling water bubbles aggressively with floating pasta strands.

#animation #gradient #transform

Live preview Backgrounds

Pelagic Zone

Open pelagic ocean shimmers with sunlight rays piercing deep blue.

#animation #gradient #transform

Live preview Backgrounds

Penrose Tiling

Aperiodic Penrose rhombus tiles cycling through colors.

#animation #gradient #filter

Live preview Backgrounds

Persian Carpet Medallion

Persian rug with central medallion and ornate borders.

#animation #gradient #filter

Live preview Backgrounds

Perspective Grid Scroll

Synthwave perspective grid that scrolls toward the horizon with a glowing sun.

#gradient #animation #3d

Live preview Backgrounds

Phoenix Fire

Phoenix wings of fire blaze orange and red upward.

#animation #gradient #transform

Live preview Backgrounds

Phosphor Decay

CRT phosphor glow decaying and recharging.

#animation #gradient #filter

Live preview Backgrounds

Phosphor Glow

CRT phosphor glow with green scanlines and warm-up flicker.

#animation #gradient

Live preview Backgrounds

Phosphorescent Trail

A glowing green trail lingers behind a moving light source.

#animation #gradient #transform

Live preview Backgrounds

Piano Keys Wave

Black and white piano keys ripple in a wave pattern.

#animation #gradient #transform

Live preview Backgrounds

Ping Pong Table

A blue ping pong table with a net and bouncing white ball.

#animation #gradient #transform

Live preview Backgrounds

Pink Noise

Soft pink noise visualization with gentle gradient waves.

#animation #gradient #filter

Live preview Backgrounds

Pixel Sort

Datamosh pixel sorting smearing colors horizontally.

#animation #gradient

Live preview Backgrounds

Pizza Cheese Stretch

A pizza slice pulls away with melted cheese stretching in strings.

#animation #gradient #shadow

Live preview Backgrounds

Pizza Dough Toss

A pizza chef tosses spinning dough into the air.

#animation #gradient #transform

Live preview Backgrounds

Plaid Weave

Woven plaid intersecting lines create a cozy checkered grid.

#animation #gradient #filter

Live preview Backgrounds

Prairie Plains

Wide American prairie with tall grass waving in the wind.

#animation #gradient #transform

Live preview Backgrounds

Steppe Plains

Vast Eurasian steppe with dry grass under pale sky.

#animation #gradient #transform

Live preview Backgrounds

Planetary Nebula Shell

Expanding shells of glowing gas form a planetary nebula remnant.

#animation #gradient #transform

Live preview Backgrounds

Plasma Field

Saturated overlapping blobs swirl and blend into a flowing plasma surface.

#animation #border #transform

Live preview Backgrounds

Plasma Ball

A plasma ball with central core and filaments reaching out.

#animation #gradient #transform

Live preview Backgrounds

Plasma Field

A field of plasma energy flows with electric colors.

#animation #gradient #transform

Live preview Backgrounds

Vast Plateau

An endless plateau stretches to a hazy distant horizon.

#animation #gradient #transform

Live preview Backgrounds

Olympic Podium

Three-tier Olympic podium with gold, silver, and bronze steps.

#animation #gradient #transform

Live preview Backgrounds

Polarized Light

Polarized light microscope crystals in vibrant color bands.

#animation #gradient #transform

Live preview Backgrounds

Pole Vault Bar

A pole vaulter clears the high bar with a flexing pole.

#animation #gradient #transform

Live preview Backgrounds

Police Light Bar

Red and blue emergency lights alternate in classic police flash.

#animation #gradient #shadow

Live preview Backgrounds

Polka Dots

Cheerful polka dots bob in a regular grid of bright colors.

#animation #gradient

Live preview Backgrounds

Pool Table Felt

Green felt pool table with colored billiard balls rolling.

#animation #gradient #transform

Live preview Backgrounds

Pop Art Halftone

Roy Lichtenstein-style halftone dots in pop-art palette.

#animation #gradient #filter

Live preview Backgrounds

Fizzy Soda Bubbles

Carbonated soda bubbles fizz and rise in a clear glass.

#animation #gradient #transform

Live preview Backgrounds

Popping Popcorn

Popcorn kernels pop and fly upward in a kettle.

#animation #gradient #transform

Live preview Backgrounds

Poppy Field

Vibrant red poppies nod gently above green summer stems.

#animation #gradient #transform

Live preview Backgrounds

Swirling Portal

A magical portal swirls with green energy rings.

#gradient #animation #border

Live preview Backgrounds

Blue Portal

Blue energy portal swirling with shimmering rim.

#animation #gradient #transform

Live preview Backgrounds

Orange Portal

Orange exit portal swirling with hot energy field.

#animation #gradient #transform

Live preview Backgrounds

Predawn Glow

A faint warm glow hints at sunrise on the predawn horizon.

#animation #gradient #transform

Live preview Backgrounds

Pretzel Salt Shine

A golden pretzel with shimmering salt crystals on its surface.

#animation #gradient #transform

Live preview Backgrounds

Prism Light

White light splits into a rainbow beam through a glass prism.

#animation #gradient #transform

Live preview Backgrounds

Prism Rainbow Refract

White light enters a glass prism and refracts into a dancing rainbow.

#animation #gradient #transform

Live preview Backgrounds

Prism Spectrum

A prism splits white light into the full color spectrum.

#animation #gradient #transform

Live preview Backgrounds

Prism Split

A triangular prism splits a beam into diverging color rays.

#animation #gradient #transform

Live preview Backgrounds

Prismatic Shimmer

Prismatic light shimmers with sharp crystal-clear rainbow facets.

#animation #gradient #transform

Live preview Backgrounds

Protostar Birth

A new protostar ignites within a swirling cloud of dust.

#animation #gradient #transform

Live preview Backgrounds

Psychedelic 60s

Vibrant 1960s psychedelic swirls of saturated color.

#animation #gradient #transform

Live preview Backgrounds

Pulsar Beam

A rotating pulsar sweeps twin beams of light across the cosmos.

#animation #gradient #transform

Live preview Backgrounds

Fast Pulsar

A fast pulsar emits rapid rotating beams of light.

#animation #gradient #transform

Live preview Backgrounds

Pulsar Lighthouse

A lighthouse-like pulsar beam sweeps rhythmically through fog.

#animation #gradient #transform

Live preview Backgrounds

Slow Pulsar

A slow pulsar rotates lazily with broad sweeping beams.

#animation #gradient #transform

Live preview Backgrounds

Pumpkin Spice Latte

A steaming pumpkin spice latte with foam art on top.

#animation #gradient #transform

Live preview Backgrounds

Pyrite Sparkle

Fool's gold pyrite cubes sparkle with metallic shine.

#animation #gradient

Live preview Backgrounds

Pythagoras Tree

Pythagoras tree fractal with square branches spiraling outward.

#animation #gradient #transform

Live preview Backgrounds

Quantum Entanglement

Two entangled particles spinning in mirrored harmony.

#animation #gradient #transform

Live preview Backgrounds

Quantum Fluctuation

Quantum vacuum fluctuations sparking particle pairs in and out.

#animation #gradient

Live preview Backgrounds

Quantum Foam

Subatomic quantum foam bubbles in and out of existence.

#animation #gradient #transform

Live preview Backgrounds

Quartz Cluster

A cluster of clear quartz crystals catches the light.

#animation #gradient #shadow

Live preview Backgrounds

Quartz Resonance

Quartz crystal resonating with vibrational energy field.

#animation #gradient #transform

Live preview Backgrounds

Distant Quasar

A distant quasar blazes with incredible brightness across space.

#animation #gradient #transform

Live preview Backgrounds

Quasar Jet

A supermassive quasar fires a blazing relativistic jet into space.

#animation #gradient #transform

Live preview Backgrounds

Quatrefoil Tracery

Gothic quatrefoil stone tracery with stained-glass inserts.

#animation #gradient #shadow

Live preview Backgrounds

Radio Tower Signal

A radio tower broadcasts expanding signal rings into the night sky.

#animation #gradient #transform

Live preview Backgrounds

Rain Squall

A sudden rain squall sweeps heavy drops sideways across the sky.

#animation #gradient

Live preview Backgrounds

Rain Streaks

Thin diagonal rain streaks fall continuously over a moody storm sky.

#gradient #animation #border

Live preview Backgrounds

Rainbow Arc

A vivid seven-color rainbow arcs across a clearing stormy sky.

#animation #gradient #transform

Live preview Backgrounds

Rave Glow Sticks

Neon glow sticks wave through the dark at a rave.

#animation #gradient #transform

Live preview Backgrounds

Rave LED Pulse

Colorful LED panels pulse and strobe to the music beat.

#animation #gradient #shadow

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

Retro Sunset

A striped retro sun sets behind an animated horizon line in classic 80s style.

#gradient #animation #3d

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

Popular tags