CSS Box Shadow Generator

Build layered box shadows visually and copy the CSS.

Preview BG

#f4f4f5

Horizontal (X)0px

Vertical (Y)8px

Blur24px

Spread-4px

Opacity20%

Color

#000000

Inset

CSS Output

box-shadow: 0px 8px 24px -4px rgba(0, 0, 0, 0.20);