Box Shadow Generator

Generate beautiful CSS box shadows visually. Customize offset, blur, and spread, and copy the CSS code instantly.

Horizontal Offset: 10px

Vertical Offset: 10px

Blur Radius: 15px

Spread Radius: 0px

Inset (Inner Shadow)

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

CSS Box Shadow Generator

Visually generate beautiful CSS box shadows for your web projects. Adjust the horizontal and vertical offsets, blur radius, and spread radius to create the perfect drop shadow or inner shadow. Copy the generated CSS code with one click.