# Box Shadow Generator Dial in offset, blur, spread, colour and opacity with a live preview, then copy the exact `box-shadow` CSS — inset supported. Everything runs in your browser. ### How it works The five sliders map straight onto the CSS `box-shadow` longhand — horizontal and vertical **offset**, **blur radius**, **spread**, and a colour with adjustable opacity (emitted as `rgba()`). Tick **inset** for an inner shadow. The preview updates live against a checkerboard so you can judge soft edges, and the exact CSS is ready to copy. --- *Source: [ocxly.com/box-shadow-generator.html](https://ocxly.com/box-shadow-generator.html) — OCXLY, free 100% client-side privacy-first tools. Free CSS box-shadow generator with live preview and copyable output, entirely in your browser.*