Box Shadow Generator
Layer box shadows with a live preview, or paste one to edit it, and copy its CSS
Preview
Drag on the preview to move the selected shadow.
CSS
Not a box-shadow: offsets, then an optional blur, spread, color and inset, layers separated by commas.
Paste a box-shadow, or a whole CSS rule, to edit its layers.
Shadows
The first shadow is drawn on top.
Shadow
px
px
px
px
Enter a CSS color: hex, rgb(), hsl(), oklch() or a name.
%