Box-Shadow Generator

CSS Box-Shadow Generator

Design beautiful depth effects visually and grab the CSS code for your project.

Horizontal Offset: 10px

Vertical Offset: 10px

Blur Radius: 20px

Spread Radius: 0px

Shadow Color

Opacity: 0.3

Preview Box

CSS Code

box-shadow: 10px 10px 20px 0px rgba(0,0,0,0.3);