CSS Box-Shadow Generator

Visually design complex `box-shadow` effects. Adjust the settings with the sliders and instantly copy the generated CSS code.

Horizontal Offset 10px

Vertical Offset 10px

Blur Radius 5px

Spread Radius 0px

Inset Shadow

Shadow Color

Alpha: 0.50

Box Color

Background Color

box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.5);