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

Brushed Metal Badge

Brushed steel stripes with a bright highlight that drifts across the surface.

#animation #gradient #shadow

Live preview Badges

Silver Metallic Badge

Silver metallic badge with brushed gradient and reflections.

#gradient #shadow #border

Live preview Badges

Space Comet Badge

Comet badge with bright nucleus and starry tail.

#gradient #shadow #border

Live preview Badges

Space Satellite Badge

Satellite-style badge with side antenna accents.

#gradient #transform #shadow

Live preview Badges

Space UFO Badge

UFO-disc-shaped badge with dome and rim accent.

#gradient #shadow #border

Live preview Badges

Gift Card Badge

Gift card style badge with festive ribbon.

#gradient #shadow #border

Live preview Badges

Invite Only Badge

Exclusive invite-only badge with elegant styling.

#gradient #transform #shadow

Live preview Badges

Lifetime Member Badge

Lifetime member badge with deep purple and gold accent.

#gradient #shadow #border

Live preview Badges

Verified Plus Badge

Verified+ badge with extra accent for premium accounts.

#gradient #shadow #border

Live preview Badges

VIP Pass Badge

VIP pass badge with gold trim and elegant styling.

#gradient #transform #shadow

Live preview Badges

State Archived Fold Badge

Archived state badge with folded-corner styling.

#gradient #shadow #border

Live preview Badges

State Favorite Mark Badge

Favorite state badge with star icon and amber glow.

#gradient #shadow #border

Live preview Badges

State Lockdown Badge

Lockdown state badge with locked-padlock glyph.

#gradient #transform #shadow

Live preview Badges

State Paused Badge

Paused state badge with two-bar pause glyph.

#gradient #border

Live preview Badges

State Pinned Mark Badge

Pinned state badge with pin glyph and rose tone.

#gradient #shadow #border

Live preview Badges

Idle Status Dot

Idle status dot with half-moon indicator style.

#gradient #border

Live preview Badges

Burlap Texture Badge

Burlap-textured badge with woven tan weave pattern.

#gradient #shadow #border

Live preview Badges

Canvas Texture Badge

Canvas-textured badge with woven fabric pattern.

#gradient #shadow #border

Live preview Badges

Concrete Texture Badge

Concrete-textured badge with gritty gray surface.

#gradient #shadow #border

Live preview Badges

Cork Texture Badge

Cork-textured badge with speckled tan pattern.

#gradient #shadow #border

Live preview Badges

Denim Texture Badge

Denim-textured badge with blue jeans weave pattern.

#gradient #shadow #border

Live preview Badges

Foil Gold Texture Badge

Gold foil-textured badge with shiny metallic gradient.

#gradient #shadow #border

Live preview Badges

Holographic Foil Texture Badge

Holographic foil-textured badge with shifting rainbow sheen.

#animation #gradient #shadow

Live preview Badges

Rose Gold Foil Texture Badge

Rose-gold foil-textured badge with warm pink-metallic sheen.

#gradient #shadow #border

Live preview Badges

Foil Silver Texture Badge

Silver foil-textured badge with brushed-metal feel.

#gradient #shadow #border

Live preview Badges

Grass Texture Badge

Grass-textured badge with vertical green blade pattern.

#gradient #shadow #border

Live preview Badges

Leather Texture Badge

Leather-textured badge with brown pebbled pattern.

#gradient #shadow #border

Live preview Badges

Linen Texture Badge

Linen-textured badge with crisp white weave.

#gradient #shadow #border

Live preview Badges

Marble Texture Badge

Marble-textured badge with white-veined pattern.

#gradient #shadow #border

Live preview Badges

Recycle Paper Texture Badge

Recycled-paper badge with kraft fiber texture.

#gradient #shadow #border

Live preview Badges

Rubber Texture Badge

Rubber-textured badge with matte dark surface.

#gradient #shadow #border

Live preview Badges

Sand Texture Badge

Sand-textured badge with grainy beige speckle.

#gradient #shadow #border

Live preview Badges

Terrazzo Texture Badge

Terrazzo-textured badge with colored stone chip pattern.

#gradient #shadow #border

Live preview Badges

Velvet Texture Badge

Velvet-textured badge with deep royal styling.

#gradient #shadow #border

Live preview Badges

Water Ripple Texture Badge

Water-ripple textured badge with concentric ring overlay.

#gradient #shadow #border

Live preview Badges

Wood Texture Badge

Wood-textured badge with natural grain pattern.

#gradient #shadow #border

Live preview Badges

Tier Bronze Shield Badge

Bronze-tier shield-shaped badge with metallic sheen.

#gradient #transform #shadow

Live preview Badges

Tier Diamond Shield Badge

Diamond-tier shield badge with crystalline cyan shimmer.

#gradient #transform #shadow

Live preview Badges

Tier Gem Badge

A faceted hexagonal gem cut with clip-path, sparkling on a slow loop.

#animation #gradient #shadow

Live preview Badges

Tier Gold Shield Badge

Gold-tier shield-shaped badge with radiant gold gradient.

#gradient #transform #shadow

Live preview Badges

Tier Platinum Shield Badge

Platinum-tier shield badge with cool silvery sheen.

#gradient #transform #shadow

Live preview Badges

Trophy Badge

Trophy-shaped badge with golden shine.

#gradient #shadow #border

Live preview Badges

Trust CCPA Badge

CCPA compliance badge with California teal styling.

#gradient #shadow #border

Live preview Badges

Trust Encrypted Badge

End-to-end encrypted badge with shield-lock styling.

#gradient #shadow #border

Live preview Badges

Trust Encryption Badge

Encryption badge with key glyph and indigo styling.

#gradient #shadow #border

Live preview Badges

Trust Secure Badge

Secure trust badge with shield-check and blue styling.

#gradient #shadow #border

Live preview Badges

Trust SSL Badge

SSL certificate badge with padlock and green styling.

#gradient #shadow #border

Live preview Badges

Vaporwave Cyan Badge

Vaporwave duotone cyan/magenta badge with retro chrome feel.

#gradient #shadow #border

Live preview Badges

Vapor Grid Badge

Perspective-grid background badge with cyan glow.

#gradient #shadow #border

Live preview Badges

Vapor Pink Grid Badge

Pink vaporwave badge with neon grid background.

#gradient #shadow #border

Live preview Badges

Verified Check Badge

Blue verified badge with checkmark icon like social platforms.

#gradient #shadow

Live preview Badges

Volcano Ash Badge

Ash-gray volcanic badge with smoky charcoal gradient.

#gradient #shadow #border

Live preview Badges

Volcano Ember Badge

Smoldering ember badge with subtle glow pulse.

#animation #gradient #shadow

Live preview Badges

Weather Cloudy Badge

Cloudy weather badge with gray cloud styling.

#gradient #shadow #border

Live preview Badges

Weather Fog Badge

Foggy weather badge with layered misty gray styling.

#gradient #shadow #border

Live preview Badges

Weather Snow Badge

Snowy weather badge with snowflake glyph and light tone.

#gradient #shadow #border

Live preview Badges

Weather Storm Badge

Stormy weather badge with lightning bolt and dark tone.

#gradient #shadow #border

Live preview Badges

Weather Sunny Badge

Sunny weather badge with radiant sun-glyph styling.

#gradient #shadow #border

Live preview Badges

Weather Tornado Badge

Tornado weather badge with swirling dark funnel styling.

#gradient #shadow #border

Live preview Badges

Weather Windy Badge

Windy weather badge with cyan wind-line styling.

#gradient #shadow #border

Live preview Badges

Y2K Butterfly Badge

Purple butterfly-inspired badge with wing shimmer.

#gradient #shadow #border

Live preview Badges

Y2K Rainbow Badge

Rainbow gradient badge with white border and glow.

#gradient #shadow #border

Live preview Badges

Y2K Sparkle Badge

Magenta sparkle badge with twinkling star accent.

#animation #gradient #shadow

Live preview Backgrounds

Aboriginal Dot Art

Aboriginal Australian dot painting with earth-toned points.

#animation #gradient

Live preview Backgrounds

Adinkra Symbols

Akan Adinkra symbols floating on rustic earthen ground.

#animation #gradient #filter

Live preview Backgrounds

Golden Afternoon

Warm golden afternoon light bathes everything in honey tones.

#animation #gradient #transform

Live preview Backgrounds

Afternoon Haze

Warm hazy afternoon light softens a distant golden horizon.

#animation #gradient #transform

Live preview Backgrounds

Lazy Afternoon

A hazy lazy afternoon stretches under soft warm light.

#animation #gradient #transform

Live preview Backgrounds

Airport Runway Lights

Rows of runway approach lights descend toward a landing plane.

#animation #gradient #transform

Live preview Backgrounds

Alcohol Ink

Vibrant alcohol ink blooms and spreads in organic cell patterns.

#animation #gradient #transform

Live preview Backgrounds

Alpine Meadow

A high alpine meadow blooms with tiny flowers below snowy peaks.

#animation #gradient

Live preview Backgrounds

Ambulance Flash

White ambulance strobe with red cross pulse.

#animation #gradient #transform

Live preview Backgrounds

Amethyst Crystal

Purple amethyst crystals sparkle with internal light.

#animation #gradient #shadow

Live preview Backgrounds

Anglerfish Glow

A deep-sea anglerfish lure pulses in the abyssal dark.

#animation #gradient #transform

Live preview Backgrounds

Animated Stripes

Diagonal candy stripes that scroll continuously for a barber-pole look.

#gradient #animation #shadow

Live preview Backgrounds

Anodized Titanium

Anodized titanium shifting through rainbow oxide layers.

#animation #gradient

Live preview Backgrounds

Arabesque Pattern

Intricate arabesque interlacing geometry in gold on deep blue.

#animation #gradient

Live preview Backgrounds

Archery Bullseye

A multi-color archery target with an arrow hitting the bullseye.

#animation #gradient #transform

Live preview Backgrounds

Art Nouveau Curves

Sinuous Art Nouveau whiplash curves with peacock hues.

#animation #gradient #transform

Live preview Backgrounds

Asanoha Hemp Leaf

Japanese asanoha hemp-leaf geometric star pattern.

#animation #gradient #transform

Live preview Backgrounds

Kuiper Belt

Icy bodies of the distant Kuiper Belt drift at the solar edge.

#animation #gradient

Live preview Backgrounds

Main Asteroid Belt

Drifting rocks of the main asteroid belt orbit between Mars and Jupiter.

#animation #gradient

Live preview Backgrounds

Astronomical Dusk

Deep astronomical dusk fades to near-black with emerging stars.

#animation #gradient

Live preview Backgrounds

Green Aurora Borealis

Vibrant green curtains of northern lights ripple across the polar sky.

#animation #gradient #transform

Live preview Backgrounds

Violet Aurora

Purple and pink aurora ribbons dance over a starry sky.

#animation #gradient #transform

Live preview Backgrounds

Aurora Waves

Soft shifting aurora ribbons ripple across a starlit polar sky.

#gradient #animation #border

Effects tagged #gradient

Popular tags