CSS Box Shadow Generator
Design soft shadows and copy the CSS.
- Free
- No signup
- Private: runs in your browser
- Works on mobile
CSS Box Shadow Generator tool
Loading the tool…
How to use CSS Box Shadow Generator
- Enter your values in the fields above.
- The result updates instantly as you type or change an option.
- Copy the result or note it down. Nothing is saved on our servers.
Why use DocConvertPRO?
- Free to use with no signup or watermark.
- Everything runs in your browser. Your input is not uploaded.
- Works on phones, tablets and computers.
- Made for Indian users: rupees, lakh/crore formats and local use cases.
About this tool
Larger blur and lower opacity give softer, more natural shadows.
Frequently asked questions
What is spread?
How much the shadow grows or shrinks.
Inset?
Draws the shadow inside the box.
Multiple shadows?
Separate with commas in CSS.