CSS Tool
Box Shadow Generator
Visually design layered CSS box shadows with live preview and one-click code export. No sign-up, runs entirely in your browser.
Live Preview
Generated Code
box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.2);Shadow Layers
Layer 1 0px 4px 10px 0px
Layer 1 Controls
0px
4px
10px
0px
20%
#000000
Generated Code
box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.2);