CSS Box Shadow Generator

Generate CSS box shadow code visually

Design beautiful box shadows visually and grab the CSS code.

Offset X5px

Offset Y5px

Blur Radius15px

Spread Radius0px

Opacity30%

Shadow

Box

Background

Inset shadow

CSS Code

box-shadow: 5px 5px 15px 0px rgba(0, 0, 0, 0.3);

Generate CSS box shadow code visually

CSS Box Shadow Generator

Design beautiful box shadows visually and grab the CSS code.

Offset X5px

Offset Y5px

Blur Radius15px

Spread Radius0px

Opacity30%

Shadow

Box

Background

Inset shadow

CSS Code

box-shadow: 5px 5px 15px 0px rgba(0, 0, 0, 0.3);