CSS Box Shadow Generator

Shape a box-shadow with sliders, stack layers, copy the CSS. Live preview.

Inset

Horizontal offset0px

Vertical offset10px

Blur20px

Spread0px

Shadow color & opacity25%

Preview background

stage / box

box-shadow: ;

About box-shadow

box-shadow takes offset-x, offset-y, blur, spread and color; inset draws it inside.

Stack multiple comma-separated shadows for realistic depth; copy them as one declaration. Nothing is uploaded.