Box Shadow Generator

Generate CSS box shadows with real-time preview. Create custom shadows with horizontal/vertical offset, blur, spread, color, and inset options.

Configure shadow properties using the controls below to generate CSS box shadows.

-100px0px100px
-100px0px100px
0px50px100px
-50px0px50px
0%50%100%

Your generated box shadow CSS code will appear here

Live Preview

Shadow Preview
Current Settings: X: 0px | Y: 5px | Blur: 15px | Spread: 0px | Color: #000000 |
Opacity: 20%