CSS box-shadow generator

Drag the sliders until the shadow looks right, then copy one line of CSS.

How to make a box shadow

  1. 01Move the sliders for offset, blur, spread and opacity.
  2. 02Pick a colour and toggle Inset if needed.
  3. 03Click Copy CSS.

FAQ

No. Everything runs in your browser with JavaScript. Nothing you type is uploaded, and closing the tab clears it.