# shadow CSS effects

Live preview Buttons

Piston

Piston-button with a metallic cylindrical shaft.

Live preview Buttons

8-bit Pixel Button

Blocky retro pixel-art button with stepped shadow and snappy press.

#hover #3d #shadow

Live preview Buttons

Planet Ring

Planet-button with an encircling ring.

Live preview Buttons

Plasma Field

Electric purple plasma with shifting hues.

Live preview Buttons

Pliers

Pliers-button with crossed-grip pattern.

Live preview Buttons

Plum Velvet

Dark plum-purple velvet with sheen.

Live preview Buttons

Polar Frost

Icy polar blue with frosty edge.

Live preview Buttons

Pomegranate Seed

Jewel-red pomegranate with seed speckles.

Live preview Buttons

Poppy Field

Bright poppy-red with a soft black center dot.

Live preview Buttons

Porcelain Skin

Smooth porcelain white with subtle crackle.

Live preview Buttons

Portico

Portico button with a temple-front pediment.

Live preview Buttons

Prairie Grass

Golden-tan prairie grass under sun.

Live preview Buttons

Press Depth Button

Layered 3D button with deep shadow stack that compresses on press.

#hover #shadow #border

Live preview Buttons

Prism Edges

Clear button with rainbow refracting edges.

Live preview Buttons

Pry Bar

Pry-bar button with a flat steel-crowbar accent.

#hover #animation #gradient

Live preview Buttons

Pulsar

Pulsar button with a rhythmic energy pulse.

Live preview Buttons

Pumpkin Patch

Pumpkin orange with vertical ridge lines.

Live preview Buttons

Punched Metal

Industrial punched-metal button with dotted holes.

Live preview Buttons

Pylon

Steel-pylon button with tall lattice framework.

Live preview Buttons

Quahog

Quahog-clam button with a ridged shell edge.

Live preview Buttons

Quantum Field

Tech-blue button with vibrating quantum field.

Live preview Buttons

Rose Quartz

Pink crystal quartz with inner facets.

Live preview Buttons

Quartz Spark

Crystalline quartz button that catches light.

Live preview Buttons

Quasar Burst

Cosmic quasar with radial energy burst.

Live preview Buttons

Quasar Burst

Quasar-button with a radiant energy burst.

Live preview Buttons

Quasar Light

Quasar-light button with a luminous yellow core.

Live preview Buttons

Quayside

Quayside button with stone-waterline tones.

Live preview Buttons

Quench Tank

Quench-tank button with a dark oil-coolant sheen.

Live preview Buttons

Quill

Feather-quill button with a sharp pointed edge.

Live preview Buttons

Quince

Quince-yellow button with a fuzzy matte skin.

Live preview Buttons

Radioactive Glow

Toxic green button with pulsing hazard glow.

Live preview Buttons

Rafter

Rafter-button with diagonal roof beams.

Live preview Buttons

Rainforest Canopy

Lush layered rainforest greens.

Live preview Buttons

Rampart

Fortress rampart button with crenellated edges.

Live preview Buttons

Rapids

River-rapids button with frothy white-blue caps.

Live preview Buttons

Ratchet

Ratchet-button with a clicking toothed wheel.

Live preview Buttons

Ravens Wing

Black-blue iridescent raven feather sheen.

Live preview Buttons

Reamer

Reamer-button with spiral-fluted grooves.

Live preview Buttons

Redshift

Redshift button shifting from blue to red on hover.

Live preview Buttons

Redwood Bark

Tall redwood bark with deep vertical grooves.

Live preview Buttons

Reed

Marsh-reed button with vertical golden striations.

Live preview Buttons

Coral Reef

Vibrant reef teal with coral speckles.

Live preview Buttons

Reef Slope

Reef-slope button with a descending coral pattern.

Live preview Buttons

Regal Crown

Royal purple button with golden crown glow.

Live preview Buttons

Ancient Relic

Tarnished bronze relic with cracked edges.

#gradient #transform #shadow

Live preview Buttons

Retro Wave Sun

80s synthwave grid with magenta sun.

Live preview Buttons

Ripple Shine Sweep

A diagonal light sweep animates across the button on hover.

#gradient #hover #shadow

Live preview Buttons

Riverbed Stone

Wet riverbed stones in blue-gray tones.

Live preview Buttons

Rivet

Rivet-button with metallic rounded rivet heads.

Live preview Buttons

Roadtrip Diner

Retro neon-diner sign with red-yellow.

Live preview Buttons

Robin Egg

Soft speckled robin-egg blue.

Live preview Buttons

Rose Hip

Rose-hip button with a bright red berry accent.

Live preview Buttons

Rose Quartz Heart

Pink rose-quartz heart-stone button.

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.

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

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.

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