GEN-10Generators
Box Shadow Generator
A CSS shadow with live preview
GEN-10Result
Your data never leaves your device: this tool runs locally in the browser.
Box Shadow Generator
Adjust offset, blur, spread and shadow color — then copy a ready box-shadow CSS rule. The live preview shows exactly how the shadow looks on a card.
Frequently asked questions
What does spread do?
A positive value expands the shadow before blurring; a negative one shrinks it.
How do I get a soft, premium shadow?
Large blur (30–60px), small offset and low opacity (0.1–0.2).