CSS Box Shadow Generator
Create CSS box-shadow effects visually. Adjust offset, blur, spread, and color in real-time.
5px
5px
15px
0px
40%
box-shadow: 5px 5px 15px 0px rgba(124, 109, 250, 0.4);
About
The CSS box-shadow property adds shadow effects around an element. You can control the horizontal and vertical offset, blur radius, spread radius, color, opacity, and whether the shadow is inset. This visual generator lets you experiment with all parameters and copy the CSS code.