CSS Box Shadow Generator

Build CSS box-shadow values.

Loading tool…

How it works

  1. Adjust shadow controls.
  2. Preview.
  3. Copy the CSS.

Features

  • Offset blur spread
  • Color picker
  • Inset option
  • Copy CSS

FAQ

Multiple shadows?

Generate one layer; stack manually if needed.

Uploaded?

No.

Units?

Pixels.