← Pencilbox
Shade
build a css box-shadow
build v6.0
Shade builds a CSS box-shadow visually — drag the sliders for offset, blur, spread and colour, stack several layers for depth, and copy the exact box-shadow rule. Layered shadows are the trick behind soft, realistic elevation. Nothing is uploaded.

Each layer is one shadow; commas separate them in the final rule. Tick “inset” for an inner shadow. Colours use rgba so you control opacity. Paste the result straight into your stylesheet. Everything runs on your device.