CSS Box Shadow Generator
Visually tweak custom box-shadow parameters and instantly generate cross-browser CSS rules.
0px
10px
25px
-3px
box-shadow: 0px 10px 25px -3px rgba(0, 0, 0, 0.4);
Syntax Reference
1. Property Parameters
The syntax accepts offsets, blur radius, spread radius, and color values sequentially: box-shadow: [offset-x] [offset-y] [blur-radius] [spread-radius] [color];
2. Multiple Shadows
You can apply multiple comma-separated box shadows to a single element to create advanced layered depth effects.