CSS Box-Shadow Generator
Design a CSS box-shadow visually and copy the code in one click.
SponsoredAOS·1AOS-1 MarketplaceDiscover agents, tools & integrations for the Agentic Operating System — by mAIb Tech.Explore the Marketplace →How to use
- Drag the sliders for offset, blur and spread.
- Pick a shadow color and opacity.
- Copy the generated box-shadow CSS.
Advertisement336 × 280
FAQ
What does spread do?
Spread grows or shrinks the shadow before the blur is applied — negative values tuck it under the element.
Can I add multiple shadows?
This builds one shadow; you can stack several by separating them with commas in your CSS.
Advertisement728 × 90