Micro Tools/Shadow Studio

Shadow Studio

Layer multiple CSS box-shadows with live preview. Copy the output in one click.

Layers (3)
Layer 1
Layer 2
Layer 3
Selected Layer Controls
X Offset0px
Y Offset4px
Blur6px
Spread-1px
Opacity10%
Color
Inset Shadow
Preview Element
Border Radius16px
Color
Output (153c)
box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.10),
            0px 10px 15px -3px rgba(0, 0, 0, 0.15),
            0px 20px 40px -5px rgba(0, 0, 0, 0.10);