About Box Shadow Generator
Design professional UI shadows. Adjust spread, blur, and opacity for multiple layers to create the trendy "layered shadow" effect used in modern top-tier interfaces.
Box Shadow Generator
Create layered, realistic CSS box shadows with ease.
Back to Design & UI
Box Shadow Generator
Design professional, realistic CSS shadows with a visual playground.
Horizontal Offset0px
Vertical Offset15px
Blur Radius30px
Spread Radius0px
Opacity0.1
Inset Shadow
Generated CSS Code
box-shadow: 0px 15px 30px 0px #0000001a;
Something not working right?
Found a bug or have a suggestion to improve the Box Shadow Generator? Let us know and we'll fix it!