Free CSS Box Shadow Generator

Generate CSS box-shadow values with live preview. Control x/y offset, blur, spread, color, and inset. Supports multiple shadows.

100% client-side - your data never leaves your browser.

Shadow 1

x px

y px

blur px

spread px

Color

Inset

box-shadow: 0px 4px 12px 0px #00000033;

Want automated scanning?

SCOUTb2 runs 25+ accessibility, performance, SEO, and security checks on any page automatically.

Install SCOUTb2 Free