LoveCSS.comLoveCSS

CSS Box Shadow Generator

1. Preview

px

2. Position

px
px

3. Blur & Spread

px
px

4. Shadow Color

%

CSS

box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.15);

Presets

About CSS Box Shadow Generator

Create and customize CSS box shadows online. Adjust offset, blur, spread, color, opacity, and inset, then copy the CSS instantly.

Related Tools

More free CSS generators you might like.