#gradient CSS effects

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

Live preview Text

Cloud Cover Grey

Overcast grey cloud cover on text.

#animation #gradient #shadow

Live preview Text

Clouds Puffy

Puffy clouds scatter pattern.

#gradient

Live preview Text

Cobalt Bright

Bright cobalt-blue text with a glossy highlight.

#gradient

Live preview Text

Coliseum Roman

Roman coliseum arches on text.

#animation #gradient #filter

Live preview Text

Colonial Brick

Colonial red brick on text.

#animation #gradient #filter

Live preview Text

Color Band Shift

Animated color band shift.

#animation #gradient

Live preview Text

Color Block Split

Hard horizontal color block split.

#gradient

Live preview Text

Color Blocks Quartet

Four distinct vertical color blocks.

#gradient

Live preview Text

Color Blocks Three

Three vertical color blocks.

#gradient

Live preview Text

Color Cycled Rainbow

Rainbow gradient cycling across text.

#animation #gradient

Live preview Text

Color Fade Rainbow

Soft fading rainbow gradient.

#gradient

Live preview Text

Color Inverted Blocks

Alternating inverted color blocks.

#gradient

Live preview Text

Color Mirror Tone

Mirrored dual-tone color reflection.

#gradient

Live preview Text

Color Paint Stroke

Hand-painted color stroke effect.

#gradient #filter

Live preview Text

Color Rainbow Bands

Visible rainbow color bands.

#gradient

Live preview Text

Color Rainbow Shimmer

Shimmering rainbow color sweep.

#animation #gradient

Live preview Text

Color Stripe Horizontal

Horizontal color stripes filling text.

#gradient

Live preview Text

Comet Streak

Bright comet streak sweeping across text.

#animation #gradient

Live preview Text

Concert Hall

Grand concert hall on text.

#animation #gradient #shadow

Live preview Text

Concrete Poured

Poured concrete gray surface.

#gradient #filter

Live preview Text

Confetti Burst

Confetti burst scattered pattern.

#gradient

Live preview Text

Constellation Stars

Star specks twinkling across outlined text.

#animation #gradient

Live preview Text

Copper Patina

Aged copper with green-blue patina oxidation.

#gradient

Live preview Text

Copper Warm

Warm copper-toned text with a metallic sheen.

#gradient

Live preview Text

Coral Reef

Coral reef organic texture.

#gradient

Live preview Text

Cosmic Dust

Tiny sparkling dust particles over text.

#animation #gradient #shadow

Live preview Text

Cosmic Nebula

Swirling nebula clouds of purple and pink within text.

#animation #gradient

Live preview Text

Cottage Cozy

Cozy cottage warmth on text.

#animation #gradient #shadow

Live preview Text

Craftsman Wood

Craftsman warm wood on text.

#animation #gradient #shadow

Live preview Text

Cross Stitch Pattern

Cross stitch embroidery pattern.

#gradient

Live preview Text

Crosshatch

Fine crosshatch ink shading pattern.

#gradient

Live preview Text

CRT Monitor Curve

CRT monitor scanline curve.

#gradient #shadow

Live preview Text

Crystal Faceted

Faceted crystal light refraction.

#gradient #filter

Live preview Text

Cumulonimbus Tower

Towering cumulonimbus storm cloud text.

#animation #gradient #transform

Live preview Text

Cumulus Billow

Billowing cumulus clouds in text.

#animation #gradient #transform

Live preview Text

Cylinder Wrap

Text shaded as if wrapped around a cylinder, with a continuously rotating highlight.

#gradient #animation #shadow

Live preview Text

Damask Floral

Ornate damask floral pattern in deep gold.

#gradient

Live preview Text

Dawn Bloom

First light of dawn blooming on text.

#animation #gradient

Live preview Text

Deco Streamline

Streamline Art Deco on text.

#animation #gradient #transform

Live preview Text

Denim Blue

Denim fabric weave texture in classic blue jeans tone.

#gradient

Live preview Text

Diamond Cut

Diamond cut brilliant sparkle.

#gradient #filter

Live preview Text

Diamond Faceted

Faceted diamond grid pattern.

#gradient

Live preview Text

Diamond Mesh

Diamond mesh netting in cool cyan.

#gradient

Live preview Text

Dive Deep

Diver descending into deep water on text.

#animation #gradient #transform

Live preview Text

Confetti Dots

Multi-color confetti dots scattered across the text.

#gradient

Live preview Text

Grid Dots

Evenly-spaced dot grid in monochrome.

#gradient

Live preview Text

Dots Polka Classic

Classic polka dot pattern fill.

#gradient

Live preview Text

Dots Random Scatter

Random scattered dots fill.

#gradient

Live preview Text

Double Rainbow

Two rainbow arcs mirrored across text.

#animation #gradient

Live preview Text

Drizzle Light

Light gentle drizzle over text.

#animation #gradient #shadow

Live preview Text

Drops Rain

Rain drops falling pattern.

#gradient

Live preview Text

Duotone Amber Violet

Diagonal duotone split between warm amber and cool violet.

#gradient

Live preview Text

Duotone Blue Pink

Two-tone gradient text split horizontally between blue and pink.

#gradient

Live preview Text

Duotone Green Purple

Diagonal green to purple duotone gradient.

#gradient

Live preview Text

Duotone Orange Teal

Cinematic orange and teal duotone.

#gradient

Live preview Text

Duotone Red Blue

Sharp red and blue duotone split horizontally.

#gradient

Live preview Text

Dusk Fade

Fading light at dusk over text.

#animation #gradient #filter

Live preview Text

Edwardian Elegant

Edwardian elegant cream on text.

#animation #gradient #shadow

Live preview Text

Emerald Deep

Deep emerald-green gradient text with luxurious depth.

#gradient

Live preview Text

Emerald Gem

Emerald green precious gem.

#gradient #filter

Live preview Text

Enamel Baked

Baked enamel hard glossy finish.

#gradient #filter

Live preview Text

Engraved Etched Line

Engraved etched line texture.

#gradient #filter

Live preview Text

Engraved Metal

Metal plaque with engraved chiseled text.

#gradient #shadow

Live preview Text

Equalizer Bars

Audio equalizer bars dancing behind text.

#animation #gradient #shadow

Live preview Text

Equator Line

Equator line horizontally splitting text.

#animation #gradient

Live preview Text

Event Horizon

Dark ring of no return surrounding text.

#animation #gradient #transform

Live preview Text

Fair Grounds

Colorful fairground lights on text.

#animation #gradient

Live preview Text

Feathers Plume

Feather plume layered pattern.

#gradient

Live preview Text

Fern Frond

Lush green fern frond on text.

#animation #gradient #transform

Live preview Text

Fill Sweep

Color sweeps across the text filling it then draining back in a loop.

#gradient #animation

Live preview Text

Fire Text

Text painted with a flickering fire gradient in warm reds and yellows.

#gradient #animation #shadow

Live preview Text

Flakes Snow

Snow flakes scatter pattern.

#gradient

Live preview Text

Flame Ember

Smoldering ember-glow text with shifting flame colors.

#animation #gradient #shadow

Live preview Text

Flip Clock Card

Text on a flip-clock style card that flips on the X axis periodically.

#gradient #animation #3d

Live preview Text

Floral Paisley

Floral paisley swirl pattern.

#gradient

Live preview Text

Floral Toile

Toile floral vine pattern.

#gradient

Live preview Text

Foam Bubble

Bubbly foam text with iridescent soap-film shine.

#gradient

Live preview Text

Fogbow White

Ghostly white fogbow arc over text.

#animation #gradient #filter

Live preview Text

Holo Foil Stripe

Holographic foil stripe shifting across text.

#animation #gradient

Live preview Text

Foil Pressed

Gold foil pressed text with shiny reflections.

#gradient #shadow #filter

Live preview Text

Futuristic Hologram Shift

Shifting hologram futuristic style.

#animation #gradient

Live preview Text

Galaxy Spiral

Text filled with a slowly rotating spiral galaxy.

#animation #gradient #transform

Live preview Text

Gardenia Cream

Creamy gardenia white flower on text.

#animation #gradient #transform

Live preview Text

Geometric Art Deco Line

Art deco geometric line pattern.

#gradient

Live preview Text

Geometric Bauhaus Shape

Bauhaus geometric primary shapes.

#gradient

Live preview Text

Geometric Memphis Shape

Memphis geometric scattered shapes.

#gradient

Live preview Text

Georgian Symmetry

Georgian balanced symmetry on text.

#animation #gradient #shadow

Live preview Text

Ginger Zest

Zesty ginger root on text.

#animation #gradient #shadow

Live preview Text

Gingham Check

Soft gingham checkered pattern in picnic blue.

#gradient

Live preview Text

Glaze Dipped

Glaze dipped shiny coating.

#gradient #filter

Live preview Text

Gleam Polished

Polished gleam diagonal sweep.

#animation #gradient

Live preview Text

Glissando Slide

Sliding glissando pitch on text.

#animation #gradient #transform

Live preview Text

Gold Leaf

Gold leaf flake texture with luminous highlights.

#gradient

Live preview Text

Animated Gradient Text

Text filled with a flowing multi-color gradient that shifts continuously.

#gradient #animation

Live preview Text

Granite Rough

Rough granite speckled texture in deep grey tones.

#gradient

Live preview Text

Grass Blade

Fresh grass-green text with blade-like vertical strokes.

#gradient

Popular tags