Box Shadow / CSS Effects Playground

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

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

Hover me

CSS copied to clipboard!

10% OFF

Unlock pro coding features on MiniMax with 10% off – perfect for developers building smarter apps faster.

68% OFF

Launch your site with lightning-fast hosting from Hostinger – now 20% off premium, VPS, or WordPress plans.