# border CSS effects

Live preview Buttons

Rosewood Carve

Dark rosewood with carved pattern.

Live preview Buttons

Rosewood Stain

Dark rosewood button with a wood-grain stain sheen.

Live preview Buttons

Rouge Blush

Soft powder rouge blush with shimmer.

#animation #hover #shadow

Live preview Buttons

Rubber Band Button

Teal button that wobbles elastically like a rubber band on hover.

Live preview Buttons

Ruby Spark

Deep red ruby with a single white spark.

Live preview Buttons

Russet Leaf

Autumn russet button with a leaf-vein sheen.

Live preview Buttons

Rust Iron

Rusted iron button with oxidation patches.

Live preview Buttons

Safflower

Safflower-red button with a petal-glow finish.

Live preview Buttons

Saffron Spice

Deep saffron-orange with thread texture.

Live preview Buttons

Sage Mist

Sage-green button with a misty matte finish.

Live preview Buttons

Sagebrush

Sagebrush button with dusty desert tones.

Live preview Buttons

Sail Keel

Sail-keel button with a triangular sail accent.

Live preview Buttons

Sailor Knot

Navy sailor button with rope-knot border.

Live preview Buttons

Salamander

Fire-salamander button with ember stripes.

Live preview Buttons

Salmon Run

Upstream salmon-pink button with motion lines.

Live preview Buttons

Sandblast

Sandblast-button with a frosted gritty surface.

Live preview Buttons

Sandbox

Sand-tan button with grainy texture.

Live preview Buttons

Sapphire Gem

Royal blue sapphire with faceted sheen.

Live preview Buttons

Satin Sheen

Smooth satin-finish button with diagonal sheen.

Live preview Buttons

Saturn Ring

Saturn-amber button with a tilted gold ring.

Live preview Buttons

Savanna Sun

Golden savanna grass under wide sun.

#animation #shadow #border

Live preview Buttons

Scanner Line

Black-green button with scanning beam line.

Live preview Buttons

Scarlet Letter

Bold scarlet-red with serif accent.

Live preview Buttons

Scuba Dive

Deep dive blue with rising bubble particles.

Live preview Buttons

Seafoam Wash

Light seafoam-green with frothy white edge.

Live preview Buttons

Shadow Cast

Dark button that lifts its shadow on hover.

#animation #hover #border

Live preview Buttons

Shake Button

Red alert button that shakes rapidly while hovered, then inverts on click.

Live preview Buttons

Sharkskin Suit

Smooth gray sharkskin weave pattern.

Live preview Buttons

Silk Sheen

Soft silk button with diagonal moving sheen.

Live preview Buttons

Sherbet Swirl

Creamy orange-raspberry sherbet swirl.

Live preview Buttons

Soft Shimmer

Pastel button with a soft shimmer overlay.

Live preview Buttons

Shingle

Shingle-roof button with overlapping wood tiles.

Live preview Buttons

Shoal

Shoal-button with a school of fish specks.

Live preview Buttons

Silver Leaf

Hand-applied silver leaf with crackled edges.

Live preview Buttons

Slate Edge

Cool slate gray with chiseled edge.

Live preview Buttons

Smoke Drift

Translucent gray smoke drifting upward.

#gradient #animation #hover

Live preview Buttons

Snake Border Button

A single bright emerald arc travels continuously around the perimeter.

Live preview Buttons

Snowfall Drift

Frosted button with snowflakes drifting down.

Live preview Buttons

Soft Bloom

Soft pink bloom that expands on hover.

#animation #shadow #border

Live preview Buttons

Sonar Ping

Sonar pings radiating outward in teal.

Live preview Buttons

Sorrel

Sorrel-leaf button with a reddish-veined tint.

Live preview Buttons

Spectral Veil

Ghostly translucent button with rainbow edge.

#gradient #shadow #border

Live preview Buttons

Spider Web

Black button with white web overlay.

Live preview Buttons

Spike Stud

Punk rock button with spiked border.

Live preview Buttons

Spinel Cut

Octahedral spinel gem with crisp facets.

Live preview Buttons

Spiral Burst

Conic spiral that rotates on hover.

Live preview Buttons

Spire

Tall spire button with a pointed apex.

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.

#animation #hover #shadow

Live preview Buttons

Spring Up Button

Orange button that springs up with overshoot easing on hover.

Live preview Buttons

Sprocket

Sprocket-button with a toothed ring pattern.

Live preview Buttons

Stanchion

Stanchion-button with vertical support posts.

#gradient #shadow #border

Live preview Buttons

Stardust Trail

Cosmic button with scattered stardust.

Live preview Buttons

Stardust Trail

Stardust button with a sparkly particle trail.

Live preview Buttons

Static Noise

Old TV static noise on a black button.

Live preview Buttons

Steampunk Brass

Aged brass button with rivets and gear feel.

Live preview Buttons

Stone Moss Cushion

Cushiony stone button with mossy top.

Live preview Buttons

Strawberry Seed

Bright red strawberry with seed speckles.

Live preview Buttons

Stronghold

Stronghold button with thick stone walls.

Live preview Buttons

Stucco

Stucco-wall button with a textured plaster look.

Live preview Buttons

Sugar Crust

Pastel button with sparkly sugar crust.

Live preview Buttons

Supernova

Supernova button with an explosive white core.

Live preview Buttons

Taffy Pull

Stretched pink-yellow taffy with swirls.

Live preview Buttons

Tap Die

Tap-and-die button with threaded spiral groove.

Live preview Buttons

Woven Tapestry

Cross-woven threads in warm reds and golds.

Live preview Buttons

Tarragon Herb

Earthy green herb button with leaf veins.

Live preview Buttons

Tattoo Ink

Dark skin-tone with inked black outline.

Live preview Buttons

Taupe Stone

Warm taupe button with a stone-grain surface.

Live preview Buttons

Teal Wave

Soft teal button with horizontal wave motion.

Live preview Buttons

Tempest Storm

Stormy blue-purple with lightning flicker.

Live preview Buttons

Terminator

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

Live preview Buttons

Terrace

Terrace button with stepped stone layers.

Live preview Buttons

Terracotta Clay

Warm baked terracotta with matte finish.

Live preview Buttons

Thatch

Thatch-roof button with bundled straw strands.

Live preview Buttons

Thistle Bloom

Soft thistle-purple with spiky edge.

Live preview Buttons

Thistle Bloom

Thistle-purple button with a fuzzy bloom top.

Live preview Buttons

Thunder Clap

Yellow lightning bolt flash on dark sky.

Live preview Buttons

Tidal Pull

Moon-pulled tidal button with vertical wave.

Live preview Buttons

Tidal Surge

Tidal-surge button with a rising wave shadow.

Live preview Buttons

Tide Pool

Tide-pool button with a calm enclosed water sheen.

Live preview Buttons

Tiger Eye

Golden-brown tiger eye gem with chatoyant band.

Live preview Buttons

Titanium Plate

Brushed titanium plate with crisp edges.

Live preview Buttons

Tobacco

Tobacco-brown button with a leathery depth.

Live preview Buttons

Toggle

Toggle-switch button with a sliding mechanism feel.

Live preview Buttons

Topaz Glow

Golden topaz gem with inner warm glow.

Live preview Buttons

Tornado Spin

Spinning tornado of gray-blue clouds.

Live preview Buttons

Torque Wrench

Torque-wrench button with a graduated scale.

Live preview Buttons

Tourmaline Stripe

Pink-green watermelon tourmaline stripes.

Live preview Buttons

Tower Keep

Tower-keep button with a tall rectangular shaft.

Live preview Buttons

Tree Bark

Rough tree bark with vertical striations.

Live preview Buttons

Trefoil Knot

Three-leaf trefoil with rotating border.

Live preview Buttons

Tremor Shake

Brown earth button with subtle tremor shake.

Live preview Buttons

Triangle Fold

Triangular fold pattern across button face.

Live preview Buttons

Tiny Trinket

Small ornate trinket with golden filigree.

Live preview Buttons

Tropical Sunset

Tropical pink-orange-yellow sunset gradient.