Box Shadow Generator
Create custom CSS box shadows.
Web Utility
Loading Tool...
How to use Box Shadow Generator
01
Adjust the X, Y, and blur sliders.
02
Set the spread and opacity.
03
Copy the resulting CSS code.
Frequently Asked Questions
What is spread?
Spread makes the shadow larger or smaller relative to the element size.
Can I set opacity?
Yes, use the slider to make the shadow subtle or bold.
How do I get the code?
Click 'Copy CSS' to get the property ready for your stylesheet.