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

Spectral Veil

Ghostly translucent button with rainbow edge.

#animation #gradient #transform

Live preview Buttons

Spider Web

Black button with white web overlay.

#gradient #shadow #border

Live preview Buttons

Spike Stud

Punk rock button with spiked border.

#hover #gradient #transform

Live preview Buttons

Spinel Cut

Octahedral spinel gem with crisp facets.

#hover #gradient #transform

Live preview Buttons

Spiral Burst

Conic spiral that rotates on hover.

#hover #gradient #transform

Live preview Buttons

Spire

Tall spire button with a pointed apex.

#hover #gradient #shadow

Live preview Buttons

Spotlight Sweep Button

A warm yellow spotlight glow follows the cursor across the surface.

#gradient #hover #border

Live preview Buttons

Spring Bloom

Fresh spring greens with blossom dots.

#hover #gradient #transform

Live preview Buttons

Sprocket

Sprocket-button with a toothed ring pattern.

#hover #gradient #shadow

Live preview Buttons

Stanchion

Stanchion-button with vertical support posts.

#hover #gradient #shadow

Live preview Buttons

Stardust Trail

Cosmic button with scattered stardust.

#gradient #shadow #border

Live preview Buttons

Stardust Trail

Stardust button with a sparkly particle trail.

#hover #gradient #transform

Live preview Buttons

Static Noise

Old TV static noise on a black button.

#animation #gradient #transform

Live preview Buttons

Steampunk Brass

Aged brass button with rivets and gear feel.

#hover #gradient #shadow

Live preview Buttons

Stone Moss Cushion

Cushiony stone button with mossy top.

#hover #gradient #shadow

Live preview Buttons

Strawberry Seed

Bright red strawberry with seed speckles.

#hover #gradient #transform

Live preview Buttons

Stronghold

Stronghold button with thick stone walls.

#hover #gradient #shadow

Live preview Buttons

Stucco

Stucco-wall button with a textured plaster look.

#hover #gradient #shadow

Live preview Buttons

Sugar Crust

Pastel button with sparkly sugar crust.

#hover #gradient #transform

Live preview Buttons

Supernova

Supernova button with an explosive white core.

#hover #gradient #transform

Live preview Buttons

Taffy Pull

Stretched pink-yellow taffy with swirls.

#animation #gradient #shadow

Live preview Buttons

Tap Die

Tap-and-die button with threaded spiral groove.

#hover #gradient #shadow

Live preview Buttons

Woven Tapestry

Cross-woven threads in warm reds and golds.

#hover #gradient #shadow

Live preview Buttons

Tarragon Herb

Earthy green herb button with leaf veins.

#hover #gradient #shadow

Live preview Buttons

Tattoo Ink

Dark skin-tone with inked black outline.

#hover #gradient #transform

Live preview Buttons

Taupe Stone

Warm taupe button with a stone-grain surface.

#hover #gradient #shadow

Live preview Buttons

Teal Wave

Soft teal button with horizontal wave motion.

#animation #gradient #transform

Live preview Buttons

Tempest Storm

Stormy blue-purple with lightning flicker.

#animation #gradient #shadow

Live preview Buttons

Terminator

Terminator-line button with a sharp day-night split.

#hover #gradient #shadow

Live preview Buttons

Terrace

Terrace button with stepped stone layers.

#hover #gradient #shadow

Live preview Buttons

Terracotta Clay

Warm baked terracotta with matte finish.

#hover #gradient #shadow

Live preview Buttons

Thatch

Thatch-roof button with bundled straw strands.

#hover #gradient #shadow

Live preview Buttons

Thistle Bloom

Soft thistle-purple with spiky edge.

#hover #gradient #transform

Live preview Buttons

Thistle Bloom

Thistle-purple button with a fuzzy bloom top.

#hover #gradient #transform

Live preview Buttons

Thunder Clap

Yellow lightning bolt flash on dark sky.

#animation #gradient #shadow

Live preview Buttons

Tidal Pull

Moon-pulled tidal button with vertical wave.

#animation #gradient #transform

Live preview Buttons

Tidal Surge

Tidal-surge button with a rising wave shadow.

#hover #gradient #transform

Live preview Buttons

Tide Pool

Tide-pool button with a calm enclosed water sheen.

#hover #gradient #transform

Live preview Buttons

Tiger Eye

Golden-brown tiger eye gem with chatoyant band.

#hover #gradient #shadow

Live preview Buttons

Titanium Plate

Brushed titanium plate with crisp edges.

#hover #gradient #shadow

Live preview Buttons

Tobacco

Tobacco-brown button with a leathery depth.

#hover #gradient #shadow

Live preview Buttons

Toggle

Toggle-switch button with a sliding mechanism feel.

#hover #gradient #shadow

Live preview Buttons

Topaz Glow

Golden topaz gem with inner warm glow.

#hover #gradient #shadow

Live preview Buttons

Tornado Spin

Spinning tornado of gray-blue clouds.

#animation #gradient #transform

Live preview Buttons

Torque Wrench

Torque-wrench button with a graduated scale.

#hover #gradient #shadow

Live preview Buttons

Tourmaline Stripe

Pink-green watermelon tourmaline stripes.

#hover #gradient #shadow

Live preview Buttons

Tower Keep

Tower-keep button with a tall rectangular shaft.

#hover #gradient #shadow

Live preview Buttons

Tree Bark

Rough tree bark with vertical striations.

#hover #gradient #shadow

Live preview Buttons

Trefoil Knot

Three-leaf trefoil with rotating border.

#animation #gradient #transform

Live preview Buttons

Tremor Shake

Brown earth button with subtle tremor shake.

#animation #gradient #transform

Live preview Buttons

Triangle Fold

Triangular fold pattern across button face.

#hover #gradient #shadow

Live preview Buttons

Tiny Trinket

Small ornate trinket with golden filigree.

#hover #gradient #transform

Live preview Buttons

Tropical Sunset

Tropical pink-orange-yellow sunset gradient.

#hover #gradient #shadow

Live preview Buttons

Truss

Truss button with triangulated beam pattern.

#hover #gradient #shadow

Live preview Buttons

Tulip Cup

Pink-yellow tulip cup shaped button.

#hover #gradient #transform

Live preview Buttons

Tumbleweed

Tumbleweed button with tangled brown strands.

#hover #gradient #shadow

Live preview Buttons

Tundra Frost

Icy tundra grays with frost crystals.

#hover #gradient #shadow

Live preview Buttons

Tundra Frost Crystal

Frozen tundra with crystalline frost pattern.

#gradient #shadow #border

Live preview Buttons

Turquoise Stone

Natural turquoise with matrix veins.

#hover #gradient #shadow

Live preview Buttons

Turret

Castle-turret button with a conical roof.

#hover #gradient #shadow

Live preview Buttons

Twilight Sky

Twilight purple-orange horizon.

#hover #gradient #shadow

Live preview Buttons

Twilight Glow

Twilight button with a deep purple-orange glow.

#hover #gradient #transform

Live preview Buttons

Ultraviolet

Ultraviolet button with a fluorescent purple glow.

#hover #gradient #transform

Live preview Buttons

Burnt Umber

Earthy burnt umber with paint texture.

#hover #gradient #shadow

Live preview Buttons

Umber Burn

Burnt umber button with a smoky depth.

#hover #gradient #shadow

Live preview Buttons

Undertow

Undertow-button with a hidden pull-down gradient.

#hover #gradient #transform

Live preview Buttons

Unicorn Magic

Pastel rainbow swirl with sparkles.

#animation #gradient #transform

Live preview Buttons

Vacuum Void

Empty black void button with subtle pulse.

#animation #gradient #shadow

Live preview Buttons

Vacuum Vise

Vacuum-vise button with a sealed suction grip.

#hover #gradient #transform

Live preview Buttons

Valve Wheel

Valve-wheel button with a circular spoke pattern.

#hover #gradient #shadow

Live preview Buttons

Vanilla Bean

Creamy vanilla with dark bean specks.

#hover #gradient #transform

Live preview Buttons

Vapor Mist

Translucent vapor mist rising from button.

#animation #gradient #transform

Live preview Buttons

Vaporwave Neon Button

Pink-and-cyan vaporwave aesthetic with neon swap on hover.

#gradient #glow #hover

Live preview Buttons

Velvet Touch

Deep red velvet with soft sheen highlight.

#hover #gradient #shadow

Live preview Buttons

Verdant

Fresh verdant-green button with a glossy top sheen.

#hover #gradient #transform

Live preview Buttons

Vermilion

Brilliant vermilion-red button with vivid warmth.

#hover #gradient #transform

Live preview Buttons

Vine Tendril

Vine-tendril button with a spiral curl accent.

#hover #gradient #transform

Live preview Buttons

Vintage Poster

Faded retro poster button with halftone dots.

#hover #gradient #transform

Live preview Buttons

Violet Bloom

Violet-bloom button with deep purple heart.

#hover #gradient #transform

Live preview Buttons

Viridian

Chrome-viridian green with a painterly glow.

#hover #gradient #transform

Live preview Buttons

Vise Grip

Vise-grip button with a tight clamping iron look.

#hover #gradient #shadow

Live preview Buttons

Volcano Magma

Black rock button with magma cracks.

#hover #gradient #shadow

Live preview Buttons

Vortex Pull

Spinning vortex spiral in deep blue.

#animation #gradient #transform

Live preview Buttons

Vortex Sea

Sea-vortex button with a spiraling deep blue.

#hover #animation #gradient

Live preview Buttons

Voyage

Voyage button with deep ocean and horizon line.

#hover #gradient #transform

Live preview Buttons

Voyager Probe

Spacecraft gold-anodized probe button.

#hover #gradient #shadow

Live preview Buttons

Wainscot

Wainscoting button with raised panel borders.

#hover #gradient #shadow

Live preview Buttons

Wake Boat

Boat-wake button with a v-shaped ripple.

#hover #gradient #transform

Live preview Buttons

Walnut Shell

Walnut brown shell with wrinkled texture.

#hover #gradient #shadow

Live preview Buttons

Walnut Shell

Walnut-shell button with a wavy seam.

#hover #gradient #shadow

Live preview Buttons

Warm Sand Dune

Soft warm sand dune with curving lines.

#hover #gradient #shadow

Live preview Buttons

Watercolor Wash

Soft watercolor wash with blended edges.

#hover #gradient #shadow

Live preview Buttons

Wave Crest

Wave-crest button with a curling white foam top.

#hover #gradient #transform

Live preview Buttons

Wave Trough

Wave-trough button with a sunken dark-blue center.

#hover #gradient #transform

Live preview Buttons

Wax Seal

Red wax seal with dripping edges.

#hover #gradient #transform

Live preview Buttons

Wenge

Dark wenge-wood button with deep grain.

#hover #gradient #shadow

Popular tags