Box Shadow / CSS Effects Playground

Tweak box-shadow, radius & colors. Preview live and copy CSS.

Controls

Horizontal offset (px)

Vertical offset (px)

Blur (px)

Spread (px)

Shadow color

Opacity (0–1)

Border radius (px)

Background color

Inset shadow

Transition (ms)

Box width (px)

Box height (px)

Generated CSS

Live Preview

Hover me

CSS copied to clipboard!

Support & Stay Connected

Follow Updates Bluesky Vote on Product Hunt

Hot Deal

GLM Coding Plan -10% off!

Get AI-powered coding assistance, debugging, and generation with the GLM Coding Plan from z.ai, now 10% cheaper. Activate the offer, subscribe, and start shipping better code, faster.

Subscribe Now

10% OFF

10% Off IFTTT Pro Plans!

Power up your workflows with IFTTTs no-code magic, discounted 10% for new subscribers.

Subscribe Now