CSS Shadow Generator help

Design a layered CSS shadow visually and copy the code. Everything runs in your browser.

Steps

1. Choose box-shadow or text-shadow.
2. Adjust the offset, blur, spread (box only), colour, and the inset toggle (box only) for each layer.
3. Add more layers to build depth. The preview and CSS update live.
4. Paste an existing box-shadow value into the import field to load its layers.

Notes

• text-shadow has no spread and no inset, so those controls are hidden in that mode.
• Lengths are written in px; import reads unitless and px values.
• Nothing is uploaded.

Everything runs in your browser. Nothing you enter or drop is uploaded.