#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

Pearl Luster

Pearl luster soft sheen finish.

#gradient

Live preview Text

Pearl Pink

Pink pearl soft luster.

#gradient #filter

Live preview Text

Pearlescent Paint

Pearlescent paint shifting sheen.

#gradient

Live preview Text

Peony Lush

Lush full pink peony on text.

#animation #gradient #transform

Live preview Text

Pine Evergreen

Deep evergreen pine on text.

#animation #gradient #shadow

Live preview Text

Pinwheel Spin

Spinning pinwheel on text.

#animation #gradient #transform

Live preview Text

Pixel Grid Fine

Fine pixel grid pattern.

#gradient

Live preview Text

Pixel Mosaic

Pixelated mosaic tile pattern.

#gradient

Live preview Text

Plaid Gingham Soft

Soft gingham plaid pattern.

#gradient

Live preview Text

Plaid Tartan

Scottish plaid tartan pattern in red and green.

#gradient

Live preview Text

Vintage Polka

Retro polka-dot pattern in warm vintage tones.

#gradient

Live preview Text

Polychrome Circus

Bright circus multicolor stripes.

#gradient

Live preview Text

Polychrome Neon

Bright neon polychrome with glow.

#gradient #shadow #filter

Live preview Text

Polychrome Pastel

Soft pastel polychrome gradient.

#gradient

Live preview Text

Polychrome Rainbow

Full rainbow polychrome gradient flow.

#gradient

Live preview Text

Porcelain Fine

Fine porcelain smooth finish.

#gradient #filter

Live preview Text

Prairie Low

Prairie style horizontal lines on text.

#animation #gradient

Live preview Text

Prism Rainbow

Rainbow gradient prism cast across the text.

#gradient

Live preview Text

Puzzle Piece

Jigsaw puzzle piece on text.

#animation #gradient #transform

Live preview Text

Pyramid Egypt

Egyptian pyramid sandstone on text.

#animation #gradient #shadow

Live preview Text

Quadrant Color

Four-quadrant color block fill.

#gradient

Live preview Text

Quartz Crystal

Quartz crystal faceted shine.

#gradient

Live preview Text

Quasar Beam

Brilliant quasar beam sweeping across bright text.

#animation #gradient #shadow

Live preview Text

Rain Drops

Raindrops streaking down across text.

#animation #gradient #shadow

Live preview Text

Rainbow Arc

Arced rainbow gradient across text.

#animation #gradient

Live preview Text

Raspberry Pink

Pink raspberry on text.

#animation #gradient #transform

Live preview Text

Reflection Glass Shine

Glass shine reflection sweep.

#animation #gradient

Live preview Text

Mirror Reflection

Text with a mirrored reflection below.

#gradient #transform

Live preview Text

Renaissance Balance

Renaissance balanced art on text.

#animation #gradient #shadow

Live preview Text

Retro 60s Psychedelic

1960s psychedelic swirling colors.

#gradient #filter

Live preview Text

70s Retro

Groovy 1970s style text with warm orange-brown tones.

#gradient #shadow

Live preview Text

Retro 90s Grunge

1990s grunge distressed style.

#gradient #filter

Live preview Text

Rococo Shell

Rococo shell motif on text.

#animation #gradient #shadow

Live preview Text

Roman Column

Roman fluted column on text.

#animation #gradient #shadow

Live preview Text

Romanesque Round

Romanesque rounded arch on text.

#animation #gradient #shadow

Live preview Text

Rose Bloom

Red rose blooming gradient on text.

#animation #gradient #transform

Live preview Text

Rose Gold

Elegant rose-gold gradient with metallic warmth.

#gradient

Live preview Text

Rubik Cube

Rubik's cube colored squares on text.

#animation #gradient #transform

Live preview Text

Ruby Gem

Ruby gem deep red sparkle.

#gradient #filter

Live preview Text

Rust Iron

Rusted iron text with orange-brown oxidation patches.

#gradient

Live preview Text

Saffron Spice

Warm saffron-spice gradient with a hint of turmeric.

#gradient

Live preview Text

Sage Wisdom

Grey-green sage on text.

#animation #gradient #shadow

Live preview Text

Sand Dune

Sandy desert gradient text with dune-like layers.

#gradient

Live preview Text

Sandstone Rough

Rough sandstone textured fill.

#gradient #filter

Live preview Text

Sapphire Deep

Deep sapphire blue gemstone.

#gradient #filter

Live preview Text

Satin Smooth

Smooth satin glossy fabric.

#gradient

Live preview Text

Scale Run

Running musical scale on text.

#animation #gradient #transform

Live preview Text

Scales Fish

Fish scale overlapping pattern.

#gradient #transform

Live preview Text

Shell Nautilus

Nautilus shell spiral sheen.

#gradient

Live preview Text

Shimmer Silver

Silver shimmering shine.

#animation #gradient

Live preview Text

Shimmer Sweep

A diagonal shimmer of light sweeps across the text on a loop.

#gradient #animation

Live preview Text

Silk Shimmer

Silk shimmering light fabric.

#gradient

Live preview Text

Silver Leaf

Silver leaf metallic shine finish.

#gradient

Live preview Text

Ski Slope

Skier carving down snowy slope on text.

#animation #gradient #transform

Live preview Text

Skyline Silhouette

Dark city skyline silhouette on text.

#animation #gradient #filter

Live preview Text

Slate Flat

Flat slate matte gray stone.

#gradient

Live preview Text

Sleet Mix

Mixed rain-snow sleet sliding down text.

#animation #gradient #transform

Live preview Text

Southern Lights

Aurora Australis with violet and pink ribbons.

#animation #gradient #transform

Live preview Text

Spectrum Analogous

Analogous blue-purple-pink spectrum.

#gradient

Live preview Text

Spectrum Analyzer

Frequency spectrum bars sweeping text.

#animation #gradient

Live preview Text

Spectrum Complementary

Complementary orange and blue spectrum.

#gradient

Live preview Text

Spectrum Cool

Cool green-blue-violet spectrum.

#gradient

Live preview Text

Spectrum Split

Split complementary three-color spectrum.

#gradient

Live preview Text

Spectrum Tetradic

Four-color tetradic spectrum blocks.

#gradient

Live preview Text

Spectrum Triadic

Triadic red-yellow-blue color blocks.

#gradient

Live preview Text

Spectrum Warm

Warm red-orange-yellow spectrum.

#gradient

Live preview Text

Sphere Shaded

Text filled with a radial highlight gradient giving a spherical metallic look.

#gradient #animation #shadow

Live preview Text

Spiral Double

Double spiral circular pattern.

#gradient

Live preview Text

Spiral Swirl

Spinning spiral swirl with conic gradient.

#animation #gradient #transform

Live preview Text

Spotlight Focus

A circular spotlight tracks the text center revealing color.

#animation #gradient

Live preview Text

Spotlight Stage

Stage spotlight beam effect.

#gradient

Live preview Text

Spotlight Sweep

A bright spotlight sweeps across dark text, lighting it up as it passes.

#gradient #animation

Live preview Text

Spots Leopard

Leopard spot animal pattern.

#gradient

Live preview Text

Stained Glass

Stained glass colorful panels.

#gradient #filter

Live preview Text

Stardust Sparkle

Text shimmering with stardust sparkles.

#animation #gradient #shadow

Live preview Text

Stars Pattern

Star field scatter pattern.

#gradient

Live preview Text

Stencil Military

Military stencil spray paint.

#gradient

Live preview Text

Stratus Layer

Flat grey stratus layer over text.

#animation #gradient #filter

Live preview Text

Rainbow Stripes

Vertical rainbow stripes across the text.

#gradient

Live preview Text

Striped Text Fill

Text filled with diagonal moving candy stripes for a candy-barber look.

#gradient #animation

Live preview Text

Candy Stripes

Sweet candy-cane diagonal stripes.

#gradient

Live preview Text

Diagonal Stripes

Bold diagonal candy stripes filling the text.

#gradient

Live preview Text

Stripes Horizontal

Horizontal color stripe pattern fill.

#gradient

Live preview Text

Stripes Rainbow Bright

Bright rainbow vertical stripes.

#gradient

Live preview Text

Stripes Tiger

Tiger vertical stripe pattern.

#gradient

Live preview Text

Stripes Vertical

Vertical color stripe pattern fill.

#gradient

Live preview Text

Stripes Zebra

Zebra irregular stripe pattern.

#gradient

Live preview Text

Stucco Bumpy

Bumpy stucco wall texture.

#gradient

Live preview Text

Stupa Dome

Buddhist stupa dome on text.

#animation #gradient #shadow

Live preview Text

Submarine Periscope

Submarine periscope on text.

#animation #gradient #transform

Live preview Text

Sunbeam Rays

Radiating sunbeams bursting from text.

#animation #gradient #transform

Live preview Text

Sunflower Sun

Bright sunflower yellow with brown center on text.

#animation #gradient #transform

Live preview Text

Sunrise Glow

Warm sunrise glow rising over text.

#animation #gradient #shadow

Live preview Text

Suns Rays

Sun rays radiating pattern.

#gradient

Live preview Text

Sunset Amber

Amber sunset glow on text.

#animation #gradient #shadow

Live preview Text

Surf Wave

Surfer riding ocean wave on text.

#animation #gradient #transform

Popular tags