🎨 Box Shadow Generator
Create CSS box shadows with a live preview. Adjust offset, blur, spread, color and opacity.
box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.25);
Box Shadow Generator
Design CSS box shadows visually with real-time preview. Adjust horizontal/vertical offset, blur radius, spread, and color opacity. Layer multiple shadows for complex effects.
Frequently Asked Questions
What is CSS box-shadow?
Box-shadow adds shadow effects around an element's frame. You can set horizontal/vertical offset, blur radius, spread radius, and color.
Can I have multiple shadows?
Yes! Add multiple shadow layers for complex effects. Each layer is combined in the final CSS.
How do I copy the CSS?
Click the Copy CSS button to copy the box-shadow property to your clipboard.