Developer

Box Shadow Generator

Adjust shadow offsets, blur, spread and opacity with a live result preview.

Processed on your device

Loading tool…

How to use Box Shadow Generator

  1. 1Enter your source or choose a local file when supported.
  2. 2Adjust the controls and run the tool.
  3. 3Review the result, then copy it or download the generated file.

Before you start

What does this tool do?

Adjust shadow offsets, blur, spread and opacity with a live result preview.

Is the input uploaded?

Source text and files are processed in this browser. Code, token values and file contents are excluded from MakePip tool statistics.

What should I review?

Check generated code and data in the project where you intend to use it. Downloads do not replace your original files.