Box Shadow Generator
Create CSS box shadows visually and copy the code.
Horizontal Offset 0px
Vertical Offset 4px
Blur Radius 12px
Spread Radius 0px
Shadow Color 20%
CSS Code
box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.2);
Privacy First: All generation happens locally in your browser. No data is sent to any server.
About CSS Box Shadows
CSS box-shadow adds depth and visual interest to elements. This generator lets you visually adjust horizontal/vertical offsets, blur radius, spread, color, and opacity. You can also create inset shadows for pressed or recessed effects.
Related Utilities
Color Converter, Gradient Generator, Border Radius Generator