CSS Box Shadow Generator
Create a production-ready box shadow visually. Adjust the values, see the result instantly, then copy the CSS.
Shadow settings
box-shadow: 0px 12px 30px -8px rgba(15, 23, 42, 0.28);Live preview
Preview cardAdjust the controls to shape the shadow.
How CSS box shadows work
The four length values control horizontal offset, vertical offset, blur radius, and spread radius. Positive spread grows the shadow; negative spread tightens it. Add inset to render the shadow inside an element.