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

Ocean Foam Badge

Light sea-foam badge with airy pale-cyan styling.

#gradient #shadow #border

Live preview Badges

Ocean Wave Badge

Blue ocean badge with animated wavy accent line.

#animation #gradient #shadow

Live preview Badges

Payment Amex Badge

American Express payment badge with blue tile styling.

#gradient #shadow #border

Live preview Badges

Payment Apple Badge

Apple Pay badge with mono black styling and apple glyph.

#gradient #shadow #border

Live preview Badges

Payment Bitcoin Badge

Bitcoin payment badge with orange-B styling.

#gradient #shadow #border

Live preview Badges

Payment Crypto Badge

Crypto payment badge with golden Bitcoin-style accent.

#gradient #shadow #border

Live preview Badges

Payment Ethereum Badge

Ethereum payment badge with diamond-glyph dark styling.

#gradient #shadow #border

Live preview Badges

Payment Google Badge

Google Pay badge with multi-color G accent and white background.

#gradient #shadow #border

Live preview Badges

Payment Mastercard Badge

Mastercard payment badge with overlapping red-yellow circles.

#gradient #shadow #border

Live preview Badges

Payment PayPal Badge

PayPal payment badge with blue PP styling.

#gradient #shadow #border

Live preview Badges

Payment Stripe Badge

Stripe payment badge with indigo S styling.

#gradient #shadow #border

Live preview Badges

Payment Visa Badge

Visa payment badge with blue italic styling.

#gradient #shadow #border

Live preview Badges

Gradient Sweep Pill

Pill badge with animated gradient sweep across surface.

#animation #gradient #shadow

Live preview Badges

Plan Basic Badge

Basic-plan badge with calm blue styling.

#gradient #shadow #border

Live preview Badges

Plan Business Badge

Business-plan badge with indigo professional tone.

#gradient #shadow #border

Live preview Badges

Plan Enterprise Badge

Enterprise-plan badge with deep navy professional tone.

#gradient #shadow #border

Live preview Badges

Plan Free Badge

Free-plan badge with neutral gray styling.

#gradient #shadow #border

Live preview Badges

Plan Pro Badge

Pro-plan badge with purple premium styling.

#gradient #shadow #border

Live preview Badges

Plan Starter Badge

Starter-plan badge with fresh green styling.

#gradient #shadow #border

Live preview Badges

Plan Unlimited Badge

Unlimited-plan badge with infinite-loop accent.

#gradient #shadow #border

Live preview Badges

Platform Android Badge

Android platform badge with green robot accent.

#gradient #shadow #border

Live preview Badges

Platform Cross Badge

Cross-platform badge with multi-colored split styling.

#gradient #shadow #border

Live preview Badges

Platform Desktop Badge

Desktop platform badge with monitor glyph and slate tone.

#gradient #shadow #border

Live preview Badges

Platform iOS Badge

iOS platform badge with Apple-style silver gradient.

#gradient #shadow #border

Live preview Badges

Platform Linux Badge

Linux platform badge with penguin-friendly tuxedo tone.

#gradient #shadow #border

Live preview Badges

Platform macOS Badge

macOS platform badge with mono chrome styling.

#gradient #shadow #border

Live preview Badges

Platform Mobile Badge

Mobile platform badge with phone shape and purple tone.

#gradient #shadow #border

Live preview Badges

Platform Tablet Badge

Tablet platform badge with rounded-rectangle device icon.

#gradient #shadow #border

Live preview Badges

Platform Windows Badge

Windows platform badge with four-square flag pattern.

#gradient #shadow #border

Live preview Badges

Platinum Shine Badge

Platinum badge with bright reflective shine sweep.

#animation #gradient #transform

Live preview Badges

Premium Gold Badge

Premium gold gradient badge with shimmering sheen.

#gradient #shadow #border

Live preview Badges

Priority Blocker Badge

Blocker-priority badge with stop-sign octagon styling.

#gradient #transform #shadow

Live preview Badges

Priority Critical Badge

Critical-priority badge with pulsing red alert style.

#animation #gradient #transform

Live preview Badges

Priority Medium Badge

Medium-priority badge with double-chevron indicator.

#gradient #border

Live preview Badges

Pro Gradient Badge

Animated gradient badge for pro-tier users.

#animation #gradient #shadow

Live preview Badges

Retro 80s Badge

Retro 80s synthwave badge with neon gradient.

#gradient #transform #shadow

Live preview Badges

Bronze Award Ribbon

Bronze award ribbon with green tails.

#gradient #transform #shadow

Live preview Badges

Gold Award Ribbon

Award ribbon with gold medal and red tails.

#gradient #transform #shadow

Live preview Badges

Silver Award Ribbon

Silver award ribbon with blue tails.

#gradient #transform #shadow

Live preview Badges

Sash Ribbon

Diagonal sash ribbon with gold border.

#gradient #transform #shadow

Live preview Badges

Striped Ribbon

Banner ribbon with diagonal striped pattern.

#gradient #shadow

Live preview Badges

Early Adopter Badge

Early adopter role badge with limited edition styling.

#gradient #shadow #border

Live preview Badges

VIP Role Badge

VIP role badge with golden gradient.

#gradient #transform #shadow

Live preview Badges

Sale Flash Badge

Bright sale badge with a flashing shine sweep.

#animation #gradient #transform

Live preview Badges

Government Seal

Government-style seal with embossed gold rim.

#gradient #transform #shadow

Live preview Badges

Black Wax Seal

Black wax seal with elegant dark finish.

#gradient #transform #shadow

Live preview Badges

Gold Wax Seal

Gold wax seal with shimmering surface.

#gradient #transform #shadow

Live preview Badges

Red Wax Seal

Circular red wax seal with embossed look.

#gradient #transform #shadow

Live preview Badges

Silver Wax Seal

Silver wax seal with cool metallic finish.

#gradient #transform #shadow

Live preview Badges

Arrow Tag Shape Badge

Right-pointing arrow-tag badge with pointed end.

#gradient #shadow

Live preview Badges

Circle Shape Badge

Pure circular badge with centered text.

#gradient #shadow #border

Live preview Badges

Heart Shape Badge

Heart-shaped badge with red-pink styling.

#gradient #shadow

Live preview Badges

Hex Shape Badge

Hexagonal badge with clipped polygon edges.

#gradient #shadow

Live preview Badges

Octagon Shape Badge

Octagonal badge with eight-sided stop-sign styling.

#gradient #shadow

Live preview Badges

Pentagon Shape Badge

Pentagon-shaped badge with five-sided polygon clip.

#gradient #shadow

Live preview Badges

Shield Shape Badge

Shield-shaped badge with classic heraldic silhouette.

#gradient #shadow

Live preview Badges

Star Shape Badge

Five-point star-shaped badge with golden glow.

#gradient #shadow

Live preview Badges

Triangle Shape Badge

Triangular badge with polygon clipped corners.

#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 Planet Badge

Planet badge with orbital ring around the text.

#gradient #transform #shadow

Live preview Badges

Space Rocket Badge

Rocket-shaped badge with tapered nose and fins.

#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

Popular tags