CSS Box Shadow Generator

Create professional CSS box shadows instantly with our free CSS Box Shadow Generator. Customize blur, spread, offset, color, and opacity, preview live, explore the Shadow Effects Gallery, and copy clean CSS code with one click.

Preview Box

Box Color:

Canvas Color:

Shadow Effects Gallery Click a box to apply its shadow

Shadow Layers

Layer Properties

Inset (Inner Shadow)

Horizontal Offset (X) 0px

Vertical Offset (Y) 15px

Blur Radius 30px

Spread Radius -5px

Shadow Opacity 0.15

Shadow Color

CSS Code