🔲

Box Shadow Generator

Generate CSS box shadows visually with live preview.

✓ FreeNo signupWorks in browser

Shadow 1

Inset

X Offset0px

Y Offset4px

Blur16px

Spread0px

Color

CSS

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

Presets

About this tool

Box Shadow Generator — Generate CSS box shadows visually with live preview. This tool runs entirely in your browser. No data is sent to any server. Free to use, no account required.