CSS Box Shadow Generator

Create beautiful CSS box shadows visually. Adjust parameters and copy the generated code.

Shadow Properties

Horizontal Offset5px

Vertical Offset5px

Blur Radius15px

Spread Radius0px

Shadow Color

Shadow Opacity35%

Inset Shadow

Box Background Color

Border Radius8px

Presets

Preview

CSS Code

box-shadow: 5px 5px 15px 0px rgba(0, 0, 0, 0.35);
-webkit-box-shadow: 5px 5px 15px 0px rgba(0, 0, 0, 0.35);
-moz-box-shadow: 5px 5px 15px 0px rgba(0, 0, 0, 0.35);
border-radius: 8px;
background-color: #ffffff;

Multiple Shadows

Click "Add Shadow" to create layered shadow effects