#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

Dark Nebula

A dark nebula clouds silhouettes against a starry background.

#animation #gradient #transform

Live preview Backgrounds

Emission Nebula

A glowing pink-red emission nebula radiates ionized hydrogen.

#animation #gradient #transform

Live preview Backgrounds

Reflection Nebula

A blue reflection nebula glows from scattered starlight.

#animation #gradient #transform

Live preview Backgrounds

Neon Flicker Sign

A pink neon sign buzzes and flickers against a brick wall.

#animation #gradient #transform

Live preview Backgrounds

Neon Tunnel

Concentric neon rectangles race outward to form a pulsing tunnel effect.

#gradient #animation #glow

Live preview Backgrounds

Neutron Star

A tiny incredibly dense neutron star pulses with fierce light.

#animation #gradient #transform

Live preview Backgrounds

New Year Sparkle

New Year's Eve sparkles with shimmering lights and gold.

#animation #gradient

Live preview Backgrounds

Night Equinox

Equal night of autumn equinox under a balanced starry sky.

#animation #gradient

Live preview Backgrounds

Noise Texture Overlay

A film-grain noise layer drifts over a moody gradient for analog texture.

#gradient #animation #border

Live preview Backgrounds

Blazing Noon

A scorching noon sun blazes through shimmering heat.

#animation #gradient #transform

Live preview Backgrounds

Bright Noon Sky

A clear brilliant blue noon sky with gentle drifting cirrus clouds.

#animation #gradient #transform

Live preview Backgrounds

Zenith Noon

The sun blazes at the zenith in a deep blue midday sky.

#animation #gradient #transform

Live preview Backgrounds

Desert Oasis

A calm oasis pool shimmers amid golden desert sands.

#animation #gradient #transform

Live preview Backgrounds

Deep Ocean

Sunlight fades into the deep dark blue of the open ocean.

#animation #gradient #transform

Live preview Backgrounds

Coral Reef

A vibrant coral reef teems with colorful life underwater.

#animation #gradient #transform

Live preview Backgrounds

Ocean Surface

Wind-rippled ocean surface sparkles in bright sunlight.

#animation #gradient #transform

Live preview Backgrounds

Ocean Trench

The pitch-black depths of an ocean trench with faint glows.

#animation #gradient

Live preview Backgrounds

Oil Droplet

A single oil droplet ripples colors on a wet surface.

#animation #gradient #transform

Live preview Backgrounds

Oil in Water

Colorful oil droplets disperse and merge in swirling water.

#animation #gradient #transform

Live preview Backgrounds

OKLCH Dawn

A dawn sky mixed in OKLCH, so the hue ramp keeps even lightness with no grey band.

#animation #gradient #transform

Live preview Backgrounds

Olympic Torch

The Olympic torch with a flickering flame against a dark sky.

#animation #gradient #transform

Live preview Backgrounds

Op Art Illusion

Black and white optical art creates a vibrating illusion of depth.

#animation #gradient #filter

Live preview Backgrounds

Op Art Black & White

Classic black and white optical art with shifting geometry.

#animation #gradient

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 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 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

Plasma Swirl

Overlapping radial gradients rotate against each other to make slow plasma motion.

#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

Blue Portal

Blue energy portal swirling with shimmering rim.

#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

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

Popular tags