CSS Box Shadow Generator
Preview a box shadow and copy CSS with offsets, blur, spread, colour and opacity.
Live preview
How to use
Adjust the sliders, choose a colour and optionally enable inset.
The preview and code update as you edit.
Copy the code or save it as a file.
FAQ
What rules does this tool use?
The generated CSS is one box-shadow layer with an optional inset keyword.
What are the limits?
The preview is clipped to its panel. Large shadows may extend further when applied on your page.
Are my inputs uploaded?
Tool inputs are processed in your browser. Advertising makes separate requests as described in the privacy policy.