Box Shadow Generator

A visual tool to generate CSS box-shadow styles dynamically. Adjust offsets, blurs, spreads, and colors to perfection and copy the CSS instantly.

Inset (Inner Shadow)

Horizontal Offset10px

Vertical Offset10px

Blur Radius30px

Spread Radius0px

Shadow Color Opacity25%

Shadow

Box

Background

PREVIEW

CSS Box-Shadow Rule

-webkit-box-shadow: 10px 10px 30px 0px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 10px 10px 30px 0px rgba(0, 0, 0, 0.25);
box-shadow: 10px 10px 30px 0px rgba(0, 0, 0, 0.25);