◪ GENERATORS Updated July 25, 2026

Box Shadow Generator

Dial in a shadow, copy the CSS.

Offset X (px)
Offset Y (px)
Blur (px)
Spread (px)
Color
Inset
Result
Ad space · belowTool · horizontal

How it works

Values map directly to the CSS box-shadow syntax: horizontal offset, vertical offset, blur radius, spread radius, then color.

Related tools

◨PIN Generator◩Random Color Generator◪Username Generator

Frequently asked questions

What does spread do?

Spread grows or shrinks the shadow before blurring, useful for soft glows.

How do I make an inner shadow?

Set inset to yes; the shadow is then drawn inside the element's border box.

Comments

Comments aren't enabled yet. When you're ready, this is where a service like Giscus, Disqus, or a custom form would go — the slot is already reserved on every tool page.