Skip to main content

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

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