Box Shadow Generator

Generate CSS box shadows

100% private — everything stays in your browser

Layer 1

H offset

V offset

Blur

Spread

Color

Inset

box-shadow: 4px 4px 8px 0px #00000040;

How to use Box Shadow Generator

1
Provide your input — Enter your data or adjust the settings in the Box Shadow Generator tool above.
2
Get your result — Results appear instantly — all processing happens in your browser.
3
Copy or download — Copy or download your result. Everything was processed locally on your device.