Design a CSS box-shadow with live sliders: horizontal and vertical offset, blur radius, spread radius, color and opacity, plus an inset toggle for inner shadows. The preview square updates as you drag, and the exact box-shadow declaration is generated below for you to copy.
Real depth often needs more than one shadow. Click Add layer to stack multiple shadows into a single comma-separated box-shadow value — for example a tight dark shadow over a soft wide one. All processing happens locally in your browser.