Back to tools
Box Shadow Generator
Create CSS box-shadow with sliders for offset, blur, spread, color, and opacity. Live preview included.
CSSShadowGenerator
4px
4px
10px
0px
25%
CSS
box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.25);
Create CSS box-shadow with sliders for offset, blur, spread, color, and opacity. Live preview included.
box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.25);