Skip to content

CSS Box-Shadow Generator

Generate a CSS box-shadow declaration.

Runs locally in your browser. No signup.

How it works

  1. 1 Choose your options.
  2. 2 Generate your result.
  3. 3 Copy or download the output.

Options

FAQ

What properties can I control?

You can adjust offset-x, offset-y, blur radius, spread radius, and color.

Does it support inset shadows?

Yes. You can toggle the "inset" keyword.

Is the CSS cross-browser compatible?

Yes. The generated standard `box-shadow` property works in all modern browsers.

Does this tool store my input?

No. Your input is processed locally in your browser and is not uploaded or stored.

Related tools