Free · no signup
CSS Box Shadow Generator
Stack multiple shadows with offset, blur, spread, color, and inset. Live preview on a real card. Copy the CSS or the matching Tailwind utility.
Preview card
Presets
Shadow layers · 2
- Layer 1
- Layer 2
CSS
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.08), 0px 8px 24px 0px rgba(0, 0, 0, 0.12);