Can I stack multiple box shadows?
Yes, add up to 4 layers — CSS box-shadow natively supports comma-separated layers for realistic depth.
CSSForge ToolPrivate · Browser-native
CSS Box Shadow Generator
Build soft, hard, or layered box shadows visually — stack up to 4 shadow layers on one element.
box-shadow: 0px 10px 25px -3px rgba(0,0,0,0.3);Layer 1
Tip: press Space to randomize all layers.
Workflow
How to use this tool
- 01Adjust X/Y offset, blur, and spread with the sliders.
- 02Pick a shadow color and toggle inset if needed.
- 03Click 'Add shadow layer' to stack multiple shadows for more depth.
- 04Copy the generated CSS and paste it into your stylesheet.
Details
Frequently asked questions
What does inset do?
Inset flips the shadow to render inside the element's border instead of outside it.
Keep building