🌗

CSS Box Shadow Generator

Create CSS box-shadow with live preview.

🌗 CSS Box Shadow Generator — Live Preview

Generate CSS box-shadow values with live preview. Control offset, blur, spread, color, and opacity. Free, private, runs 100% in your browser.

X: 0px

Y: 4px

Blur: 20px

Spread: 0px

Color

Opacity: 0.3

box-shadow: 0px 4px 20px 0px #0000004d;

How to use this tool

Simply paste or enter your input above, configure any options, and get instant results — all processed locally in your browser. Your data never leaves your device.