Free browser tool
Interactive workspace
Use CSS Shadow Generator
CSS Box Shadow Generator
Build layered shadows visually and copy the CSS instantly.
Shadow Layers
Shadow 1
Edit Layer 1
Horizontal (X)4px
Vertical (Y)4px
Blur Radius10px
Spread Radius0px
Opacity30%
Preview Background
Generated CSS
/* Box Shadow */ box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.30);
Free to useNo account required for this utility.
Built for clarityFocused controls and readable results.
Need another tool?Explore the complete library