Create CSS box shadows visually and copy the code.
Runs entirely in your browser.
CSS Box Shadow Generation Tool
- X Offset 5px
- Y Offset 5px
- Blur 15px
- Spread 0px
- Color
- Opacity 20%
- Inset Inset shadow
- Border Radius 8px
Presets:
CSS Code
About CSS Box Shadow
CSS box-shadow is a property that adds shadow effects around an element's frame.
It can create depth, highlight elements, and add visual interest to your designs.