CSS Box Shadow Generator
Tune depth, blur, spread, and opacity visually, then copy clean CSS for your UI.
Live Preview
Shadow Card
box-shadow: 0px 18px 40px -8px rgba(15, 23, 42, 0.22);
Controls
Horizontal Offset0px
Vertical Offset18px
Blur Radius40px
Spread Radius-8px
Opacity0.22