Dial in a box-shadow the visual way: drag offset, blur and spread, set the colour and opacity, toggle inset, and copy the `box-shadow` rule. The sample element updates as you go, all in your browser.
CSS Box Shadow Generator is a quick, no-nonsense developer utility that runs entirely client-side, so your code and data never leave your machine.
This builds one layer; paste several comma-separated values in your CSS for a layered effect.
Inset draws the shadow inside the element instead of outside, useful for pressed or recessed looks.
No — everything is computed locally.
box-shadow: 0px 12px 24px -6px rgba(15, 23, 42, 0.25);