CSS Box Shadow Generator

Tune a box-shadow visually and copy the CSS.

Loading the tool

At a glance

Runs
In your browser, on your device
Works with
Text and options you enter
Cost
Free, no account needed

How to use CSS Box Shadow Generator

  1. Adjust offset, blur, spread and colour.
  2. Watch the preview.
  3. Copy the CSS.

Privacy and limits

This tool runs in your browser. What you type is processed on your device and is not sent to our server.

Questions

Is CSS Box Shadow Generator free to use?
Yes. You do not need an account and there is nothing to pay.
Does it work offline?
Once the page has loaded, the tool does its work on your device. Some browsers need a connection only to load the page itself.