#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

Synthwave Sun

Synthwave retro sun with horizontal cut lines over grid.

#animation #gradient #transform

Live preview Backgrounds

Pancake Syrup Pour

Maple syrup pours in a steady stream onto a stack of pancakes.

#animation #gradient #transform

Live preview Backgrounds

Talavera Puebla

Mexican Talavera ceramic tile with hand-painted flair.

#animation #gradient #transform

Live preview Backgrounds

Tartan Plaid

Classic Scottish tartan plaid weaves in red, green, and blue.

#animation #gradient

Live preview Backgrounds

Tea Leaves Steep

Tea leaves swirl and steep, darkening the water gradually.

#animation #gradient #transform

Live preview Backgrounds

Temperate Forest

A temperate deciduous forest shifts through soft seasonal greens.

#animation #gradient #transform

Live preview Backgrounds

Tennis Ball Bounce

A yellow tennis ball bounces repeatedly with motion blur trail.

#animation #gradient #transform

Live preview Backgrounds

Tennis Court Lines

An aerial tennis court view with a bouncing tennis ball.

#animation #gradient #transform

Live preview Backgrounds

Terrarium Mist

A glass terrarium holds tiny plants veiled in soft circulating mist.

#animation #gradient #transform

Live preview Backgrounds

Mild Thunderstorm

A gentle thunderstorm with occasional distant lightning.

#animation #gradient

Live preview Backgrounds

Severe Thunderstorm

A violent thunderstorm unleashes rain with frequent lightning flashes.

#animation #gradient

Live preview Backgrounds

Tidal Disruption

A star is torn apart by a black hole's tidal forces.

#animation #gradient #transform

Live preview Backgrounds

Tomato Sauce Bubble

Tomato sauce simmers with popping bubbles and rising steam.

#animation #gradient #transform

Live preview Backgrounds

Torch Flame

A tiki torch flame dances against a tropical night backdrop.

#animation #gradient #transform

Live preview Backgrounds

Tornado Vortex

A swirling tornado funnel spins against a dusty storm backdrop.

#animation #gradient #transform

Live preview Backgrounds

Tortoise Shell

Mottled amber and brown tortoise shell pattern.

#animation #gradient #transform

Live preview Backgrounds

Track Finish Line

A checkered finish line banner across a running track.

#animation #gradient #transform

Live preview Backgrounds

Treble Clef Glow

A glowing gold treble clef floats on a deep purple staff.

#animation #gradient #transform

Live preview Backgrounds

Trefoil Arch

Gothic trefoil arches with golden tracery glow.

#animation #gradient #shadow

Live preview Backgrounds

Triangle Prism

Triangular prism facets tessellate in a rotating kaleidoscope of color.

#animation #gradient #transform

Live preview Backgrounds

Triangle Wave

Triangle wave folding symmetric peaks across the panel.

#animation #gradient #shadow

Live preview Backgrounds

Tribal African Mask

Stylized African tribal mask motifs floating on warm earth.

#animation #gradient #filter

Live preview Backgrounds

Tropical Rainforest

Dense tropical rainforest canopy with shafts of light piercing through.

#animation #gradient #transform

Live preview Backgrounds

Truchet Tiles

Arc-shaped Truchet tiles spinning to form flowing curves.

#animation #gradient

Live preview Backgrounds

Tulip Field

Rows of colorful tulips bloom in neat perspective rows.

#animation #gradient #transform

Live preview Backgrounds

Alpine Tundra

High alpine tundra with rocky patches and low plants.

#animation #gradient

Live preview Backgrounds

Arctic Tundra

Frozen arctic tundra stretches white under cold blue light.

#animation #gradient

Live preview Backgrounds

Frozen Tundra

Vast frozen tundra stretches under a cold pale sky with drifting snow.

#animation #gradient #transform

Live preview Backgrounds

DJ Turntable

A DJ turntable spins with a glowing strobe dot.

#animation #gradient #transform

Live preview Backgrounds

Deep Twilight

Deep twilight blue deepens as night takes hold.

#animation #gradient

Live preview Backgrounds

Underwater Caustics

Wavy light caustics shimmer across an aquatic blue backdrop.

#gradient #animation #border

Live preview Backgrounds

UV Glow Light

Ultraviolet blacklight makes fluorescent posters glow neon.

#animation #gradient #transform

Live preview Backgrounds

Valley Mist

Soft mist fills a green valley between rolling hills at dawn.

#animation #gradient #transform

Live preview Backgrounds

River Valley

A green river valley winds between rolling hills.

#animation #gradient #transform

Live preview Backgrounds

Sunlit Valley

A warm sunlit valley glows golden in late afternoon.

#animation #gradient

Live preview Backgrounds

Vaporwave Grid

Vaporwave perspective neon grid with pink horizon.

#animation #gradient #transform

Live preview Backgrounds

Verdigris Green

Aged bronze verdigris with blue-green crystalline bloom.

#animation #gradient #filter

Live preview Backgrounds

Vernal Pool

A spring vernal pool reflects soft sky surrounded by new grass.

#animation #gradient

Live preview Backgrounds

VHS Tracking

VHS tape tracking error with rolling noise bars.

#animation #gradient #filter

Live preview Backgrounds

Vinyl Record Spin

A black vinyl record spins on a turntable under warm light.

#animation #gradient #transform

Live preview Backgrounds

Vinyl Scratch

DJ scratching a record creates a strobing afterimage effect.

#animation #gradient #transform

Live preview Backgrounds

Virga Streaks

Rain falls from clouds but evaporates before reaching the ground.

#animation #gradient

Live preview Backgrounds

Cosmic Void

An empty cosmic void with sparse distant galaxies.

#animation #gradient

Live preview Backgrounds

Volcano Eruption

A volcano silhouette erupts with glowing embers rising into the night.

#gradient #animation #glow

Live preview Backgrounds

Active Volcano

An active volcano spews glowing lava and ash into a dark sky.

#animation #gradient #transform

Live preview Backgrounds

Volleyball Net

A sandy beach volleyball court with a taut net between poles.

#animation #gradient #transform

Live preview Backgrounds

Voronoi Cells

Stained-glass Voronoi cells shifting in organic rhythm.

#animation #gradient #filter

Live preview Backgrounds

Vortex Spiral

A hypnotic spiral vortex pulls inward with swirling energy.

#animation #gradient #transform

Live preview Backgrounds

Inward Vortex

A spiral vortex pulls inward toward a central point.

#animation #gradient #transform

Live preview Backgrounds

Outward Vortex

A spiral vortex expands outward from a central point.

#animation #gradient #transform

Live preview Backgrounds

Vortex Tunnel

Travel through a tunnel of swirling light rings.

#animation #gradient #transform

Live preview Backgrounds

Waffle Syrup Pool

A crisp waffle with a pool of maple syrup in each square.

#animation #gradient #transform

Live preview Backgrounds

Warp Drive

Starfield stretching into warp-drive hyperspace streaks.

#animation #gradient #transform

Live preview Backgrounds

Watercolor Bleed

Soft watercolor pigments bleed outward with delicate edges.

#animation #gradient #transform

Live preview Backgrounds

Angel Falls

Tall thin Angel Falls plunges from a towering cliff.

#animation #gradient

Live preview Backgrounds

Waterfall Cascade

A tall waterfall cascades down a rocky cliff with rising mist.

#animation #gradient #transform

Live preview Backgrounds

Niagara Falls

Massive Niagara Falls thunders down in a wide curtain of water.

#animation #gradient

Live preview Backgrounds

Tropical Waterfall

A tropical waterfall cascades through lush jungle greenery.

#animation #gradient

Live preview Backgrounds

Wave-Particle Duality

Quantum wavefunction collapsing between wave and particle forms.

#animation #gradient #filter

Live preview Backgrounds

Everglade Wetland

Vast everglade wetlands stretch flat under a wide sky.

#animation #gradient #transform

Live preview Backgrounds

Whistle Blow

A referee whistle with visible puff of breath when blown.

#animation #gradient #transform

Live preview Backgrounds

Cool White Dwarf

A cooling white dwarf star emits a soft yellow-white glow.

#animation #gradient #transform

Live preview Backgrounds

Hot White Dwarf

A hot white dwarf star glows brilliant blue-white.

#animation #gradient #transform

Live preview Backgrounds

Weeping Willow

A weeping willow's trailing branches sway over calm water.

#animation #gradient #transform

Live preview Backgrounds

Gentle Breeze

Soft visible breeze streaks move across a sunny sky.

#animation #gradient

Live preview Backgrounds

Strong Gale

A strong gale tears fast streaks across a storm-grey sky.

#animation #gradient

Live preview Backgrounds

Wind Gust

Sudden gusts of wind streak rapidly across the sky.

#animation #gradient

Live preview Backgrounds

Hurricane

A massive hurricane spiral rotates over dark ocean clouds.

#animation #gradient #transform

Live preview Backgrounds

Storm Wind

Violent storm winds whip blurred streaks through a dark sky.

#animation #gradient

Live preview Backgrounds

Tornado

A narrow tornado funnel twists down from a dark storm cloud.

#animation #gradient #transform

Live preview Backgrounds

Wind Turbines

White wind turbines spin against a blue sky on a hill.

#animation #gradient #transform

Live preview Backgrounds

Wine Glass Swirl

Red wine swirls around a glass leaving legs on the side.

#animation #gradient #transform

Live preview Backgrounds

Winter Berry

Red winter berries brighten a snow-dusted evergreen branch.

#animation #gradient

Live preview Backgrounds

Winter Blizzard

A full winter blizzard whites out the cold sky.

#animation #gradient

Live preview Backgrounds

Deep Winter

Deep winter grips the land in cold blue shadow.

#animation #gradient

Live preview Backgrounds

Early Winter

Early winter brings first snow flurries to a cool blue sky.

#animation #gradient

Live preview Backgrounds

Winter Noon

Low pale winter noon sun glows weakly through cold air.

#animation #gradient #shadow

Live preview Backgrounds

Winter Thaw

A warming winter thaw melts snow into dripping water.

#animation #gradient

Live preview Backgrounds

Witching Hour

An eerie green witching-hour glow haunts a black night sky.

#animation #gradient #filter

Live preview Backgrounds

Oak Woodgrain

Warm oak woodgrain with flowing vertical lines.

#animation #gradient #transform

Live preview Backgrounds

Wormhole Tunnel

A swirling wormhole tunnel bends light into a hypnotic vortex.

#animation #gradient #transform

Live preview Backgrounds

Wormhole Entry

A swirling wormhole entrance pulls light into its vortex.

#animation #gradient #transform

Live preview Backgrounds

Wormhole Exit

Light bursts outward from a wormhole exit portal.

#animation #gradient #transform

Live preview Backgrounds

Wormhole Tunnel

Travel through a streaking wormhole tunnel of light rings.

#animation #gradient

Live preview Backgrounds

Yagasuri Arrow

Japanese yagasuri arrow-feather pattern in deep tones.

#animation #gradient #filter

Live preview Backgrounds

Zebra Stripes

Bold black and white zebra stripes shift diagonally.

#animation #gradient

Live preview Backgrounds

Zen Garden

Raked sand patterns swirl around stones in a Japanese zen garden.

#animation #gradient #shadow

Live preview Backgrounds

Zigzag Wave

Energetic zigzag waves ripple horizontally in vibrant color bands.

#animation #gradient

Live preview Buttons

Abyss Plain

Abyssal-plain button with an endless flat seafloor.

#hover #gradient #transform

Live preview Buttons

Abyssal

Deep abyssal button with a black-blue gradient.

#hover #gradient #transform

Live preview Buttons

Aconite Bloom

Deep purple-blue monkshood flower button.

#hover #gradient #transform

Live preview Buttons

Adobe

Adobe-brick button with a warm clay tone.

#hover #gradient #shadow

Live preview Buttons

Aero Glass Button

Frosted aero-glass button with a moving light streak.

#hover #gradient #transform

Live preview Buttons

Aloe

Aloe-vera button with spiked-leaf accents.

#hover #gradient #shadow

Live preview Buttons

Amber Pour

Liquid amber button with a glossy pour sheen.

#hover #gradient #transform

Live preview Buttons

Amber Resin

Transparent amber resin with trapped bubble.

#hover #gradient #shadow

Popular tags