Can I create multiple shadow layers?

Yes, the generator supports multiple box-shadow layers stacked on top of each other, as well as inset shadows for inner depth effects.

What values can I customize?

You can adjust X and Y offset, blur radius, spread radius, shadow color, and background color with interactive sliders and live preview.

Visually design complex CSS box shadows and drop shadows with a live preview and instant code generation.

Horizontal Offset (X): 10px Vertical Offset (Y): 10px Blur Radius: 15px Spread Radius: -3px

Shadow Color

Inset Shadow

Background

Box Color