Box Shadow Generator

newCSS

Use sliders to control horizontal/vertical offset, blur radius, spread, color, and opacity. See a live preview of your box shadow and copy the CSS value.

Horizontal Offset0px

Vertical Offset8px

Blur Radius20px

Spread Radius0px

Opacity (%)40%

Color

Inset

CSS Output

box-shadow: 0px 8px 20px 0px rgba(99, 102, 241, 0.40);