← Back to Tools

Box Shadow Generator

Tune CSS box-shadow values, preview the result, and copy a clean declaration for cards, buttons, and panels.

Selector

Preset

Horizontal offset (px)

Vertical offset (px)

Blur radius (px)

Spread radius (px)

Shadow color

Opacity (%)

Inset shadow

Live Preview

Preview

Shadow Type

Hard

Reach

6px

Box-shadow value

Copy-ready CSS

Interpretation

Use valid inputs to generate a shadow.

Ready.