CSS Box-Shadow Generator

Visually tune box-shadow with multi-layer stacking
Shadow settings
Shadow layer 1
X: 0
Y: 4
Blur: 14
Spread: 0
15%
Preview
Generated CSS
box-shadow: 0px 4px 14px 0px rgba(0,0,0,0.15)px;
© 2026 Qiuyun Tools Processed securely locally