CSS Box-Shadow Generator
Build CSS box-shadow with multiple layers and inset. Live preview, copy ready-to-paste CSS.
Read more Hide
How to use
- Add layers with offset, blur, spread, color, and inset toggle.
- Preview on a sample box.
- Copy the combined CSS box-shadow value.
FAQ
- Upload?
- No. Everything runs in your browser; files are not uploaded to any server.
- Multiple shadows?
- Yes — comma-separated like in CSS.
- Units?
- px by default; edit CSS after copy if needed.