Design

CSS Box Shadow Generator

Build box shadows visually with live preview Runs on your device — nothing is uploaded, nothing is stored.

Horizontal Offset4px

Vertical Offset4px

Blur Radius10px

Spread Radius0px

Opacity25%

Shadow Color

#000000

Inset

Preview

CSS Output

box-shadow: 4px 4px 10px 0px #00000040;

CSS clip-path GeneratorDesign Cubic-Bezier Easing EditorDesign Glassmorphism GeneratorDesign

About CSS Box Shadow Generator

Build box shadows visually with live preview

CSS Box Shadow Generator is a free tool in the Design & Visual category on BrowseryTools. It runs entirely in your browser: what you give it is processed on your own device and is never uploaded to a server, there's no registration, no ads and no watermarks, and it keeps working with no connection once the page has loaded.