KLOORACSS Box Shadow Generator
Create a box shadow visually and copy the CSS. Control offset, blur, spread, color and opacity.
Quick answer: CSS Box Shadow Generator: Create a box shadow visually and copy the CSS. Control offset, blur, spread, color and opacity. Everything runs in your browser, so nothing you enter is uploaded or stored.
How to use CSS Box Shadow Generator
- Open the tool and enter your input.
- Adjust the options and watch the result update.
- Copy or download what you need.
Features
- Free, no signup
- Runs in your browser, nothing is uploaded
- Works on phone and desktop
- No watermark
Frequently asked questions
What do the four numbers in box-shadow mean?
Horizontal offset, vertical offset, blur radius and spread radius, followed by the color.
What does inset do?
It draws the shadow inside the box instead of outside.
Can I use more than one shadow?
Yes. Copy this one and add a second shadow separated by a comma.
Is the CSS Box Shadow Generator free?
Yes. It is free, needs no signup and works on any device.