#gradient CSS effects

5,189 free, pure-CSS effects match the "gradient" tag. Each is copy-ready and needs no library or build step.

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

Live preview Backgrounds

Carrara Marble

White Carrara marble with grey veining drifts slowly.

#animation #gradient #transform

Live preview Backgrounds

Marquee Bulbs

Theater marquee bulbs chase around a glowing border.

#animation #gradient #transform

Live preview Backgrounds

Marshmallow Roast

A marshmallow on a stick toasts over an open campfire.

#animation #gradient #transform

Live preview Backgrounds

Matcha Whisk Foam

A bamboo whisk creates green matcha foam in a ceramic bowl.

#animation #gradient #transform

Live preview Backgrounds

Matrix Rain

Vertical green character streams cascade like the iconic digital rain.

#gradient #animation #shadow

Live preview Backgrounds

Clover Meadow

A meadow of clover leaves shimmers in soft morning light.

#animation #gradient #transform

Live preview Backgrounds

Green Meadow

Lush green meadow grass sways gently in the breeze.

#animation #gradient #transform

Live preview Backgrounds

Meadow Wildflowers

Colorful wildflowers sway in a green summer meadow.

#animation #gradient #transform

Live preview Backgrounds

Medal Ceremony

Confetti and ribbons fall during a medal ceremony backdrop.

#animation #gradient #transform

Live preview Backgrounds

Melting Chocolate

Warm chocolate slowly drips down a dark panel.

#animation #gradient #transform

Live preview Backgrounds

Memphis 80s

Playful 80s Memphis design with squiggles, zigzags, and dots.

#animation #gradient

Live preview Backgrounds

Mercury Pool

Heavy liquid mercury pooling with rippling silver surface.

#animation #gradient #transform

Live preview Backgrounds

Mermaid Scales

Iridescent mermaid scales shimmer in teal and purple.

#animation #gradient #transform

Live preview Backgrounds

Red Mesa

A flat-topped red mesa stands against a wide desert sky.

#animation #gradient

Live preview Backgrounds

Gradient Mesh Drift

Four colored blobs drift lazily in a mesh-like configuration over deep navy.

#gradient #animation #border

Live preview Backgrounds

Animated Mesh Gradient

Layered radial gradients drift and morph to create a living mesh of color.

#gradient #animation #border

Live preview Backgrounds

Metaball Fuse

Glowing metaballs merge and split in liquid motion.

#animation #gradient #transform

Live preview Backgrounds

Metatron's Cube

Concentric Metatron's cube lines pulsing with ethereal violet glow.

#animation #gradient #transform

Live preview Backgrounds

Meteor Shower

Streaking meteors rain across a clear dark night sky.

#animation #gradient #transform

Live preview Backgrounds

Geminid Meteors

Geminid meteor shower paints multi-colored streaks in December.

#animation #gradient #transform

Live preview Backgrounds

Leonid Meteors

Leonid meteor shower blazes fast bright streaks in November.

#animation #gradient #transform

Live preview Backgrounds

Perseid Meteors

Perseid meteor shower streaks across the August night sky.

#animation #gradient #transform

Live preview Backgrounds

Metronome Pendulum

A classic metronome pendulum swings with a weighted bob.

#animation #gradient #transform

Live preview Backgrounds

Metronome Swing

A wooden metronome's pendulum ticks steadily side to side.

#animation #gradient #transform

Live preview Backgrounds

Miami Vice Neon

Miami Vice palette with sunset gradient and palm silhouettes.

#animation #gradient #shadow

Live preview Backgrounds

Microphone Feedback

Microphone squeal causes visible frequency waves to ripple out.

#animation #gradient #transform

Live preview Backgrounds

Mid-Century Modern

Retro mid-century atomic starbursts float in mustard and teal.

#animation #gradient #transform

Live preview Backgrounds

Midnight Dark

Inky midnight sky dense with twinkling stars and a soft moon glow.

#animation #gradient #shadow

Live preview Backgrounds

Midnight Moon

A bright full moon glows in a deep starry midnight sky.

#animation #gradient #shadow

Live preview Backgrounds

Midnight Stars

A deep midnight sky glitters with countless stars.

#animation #gradient

Live preview Backgrounds

Midsummer Eve

Golden evening light lingers with floating firefly sparks.

#animation #gradient #transform

Live preview Backgrounds

Milk Pour into Coffee

White milk pours into dark coffee, creating swirling clouds.

#animation #gradient #transform

Live preview Backgrounds

Mirror Ball Spin

Slow-spinning mirror ball casts shimmering light squares everywhere.

#animation #gradient #transform

Live preview Backgrounds

Mirror Maze

Endless reflections in a tilted mirror maze.

#animation #gradient #transform

Live preview Backgrounds

Mirror Shards

Rotating broken mirror shards reflect prismatic light.

#animation #gradient #transform

Live preview Backgrounds

Evening Mist

Cool violet evening mist settles over a dusky landscape.

#animation #gradient #transform

Live preview Backgrounds

Morning Mist

Warm sunrise glow filters through a soft morning mist.

#animation #gradient #transform

Live preview Backgrounds

Misty Veil

Soft layered mist drifts horizontally across a pale morning field.

#animation #gradient #transform

Live preview Backgrounds

Moiré Pattern

Overlapping grid lines create a hypnotic shifting moiré interference.

#animation #gradient #transform

Live preview Backgrounds

Moiré Circles

Two radial gratings produce moiré circular interference.

#animation #gradient #transform

Live preview Backgrounds

Moiré Lines

Overlapping line gratings create shifting moiré patterns.

#animation #gradient #transform

Live preview Backgrounds

Moiré Spiral

Concentric spiral gratings create a rotating moiré effect.

#animation #gradient #transform

Live preview Backgrounds

Monsoon Downpour

Heavy tropical monsoon rain sheets down across a dark sky.

#animation #gradient #transform

Live preview Backgrounds

Monsoon Burst

Tropical monsoon rain pulses in heavy bursts across a warm sky.

#animation #gradient

Live preview Backgrounds

Moonbow Glow

A faint lunar rainbow shimmers beneath a full moon.

#animation #gradient #transform

Live preview Backgrounds

Moonrise

A pale full moon slowly rises above a darkening tree line.

#animation #gradient #transform

Live preview Backgrounds

Bright Morning

A bright cheerful morning sky with sun glowing strong.

#animation #gradient #transform

Live preview Backgrounds

Morning Dew

Glistening dewdrops shimmer across a sunlit green meadow.

#animation #gradient

Live preview Backgrounds

Fresh Morning

A crisp fresh morning with cool blues and clearing sky.

#animation #gradient #transform

Live preview Backgrounds

Morning Mist Glow

Warm morning sunlight glows through drifting mist over a meadow.

#animation #gradient #transform

Live preview Backgrounds

Moroccan Lattice

Moroccan lattice trellis repeats in warm terracotta and teal.

#animation #gradient

Live preview Backgrounds

Morse Code Flash

A bright light blinks in S-O-S Morse code rhythm.

#animation #gradient #transform

Live preview Backgrounds

Byzantine Mosaic

Gold-leaf Byzantine mosaic tiles flickering in candlelight.

#animation #gradient #filter

Live preview Backgrounds

Mossy Stone

Velvety green moss creeps across ancient weathered stone.

#animation #gradient #transform

Live preview Backgrounds

Motherboard Trace

Detailed motherboard traces snake between components.

#animation #gradient

Live preview Backgrounds

Mountain Lake

A still mountain lake perfectly reflects snow peaks.

#animation #gradient

Live preview Backgrounds

Mountain Pass

A high mountain pass between two rocky peaks.

#gradient

Live preview Backgrounds

Mountain Peak

A snowy mountain peak rises under a cool alpine sky with drifting clouds.

#animation #gradient #transform

Live preview Backgrounds

Snowy Mountain

A snow-capped mountain rises against a deep blue sky.

#gradient #shadow #filter

Live preview Backgrounds

Mountain Sunset

Mountain silhouettes glow under a fiery sunset sky.

#animation #gradient #transform

Live preview Backgrounds

MP3 Visualizer Pulse

Circular visualizer pulses outward in rainbow frequency rings.

#animation #gradient #transform

Live preview Backgrounds

Bogolan Mudcloth

Mali bogolan mudcloth with earthen geometric symbols.

#animation #gradient #filter

Live preview Backgrounds

Bubbling Mud Pool

A hot mud pool bubbles and pops with thick grey goo.

#animation #gradient #transform

Live preview Backgrounds

Multiverse Bubbles

Multiple universe bubbles inflating side by side.

#animation #gradient #transform

Live preview Backgrounds

Mushroom Grove

Whimsical red-capped mushrooms sprout in a mossy forest floor.

#animation #gradient #transform

Live preview Backgrounds

Music Box Ballerina

A tiny ballerina pirouettes on a mirrored music box platform.

#animation #gradient #transform

Live preview Backgrounds

Floating Musical Notes

Black musical notes drift upward through a warm yellow background.

#animation #gradient #transform

Live preview Backgrounds

Navajo Tribal Weave

Navajo rug with bold zigzag terraced bands.

#animation #gradient #filter

Live preview Backgrounds

Colorful Nebula

Vibrant nebula clouds of gas drift through the cosmos.

#gradient #animation #border

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

Popular tags