Create custom box-shadow effects effortlessly with our Box-Shadow Creator. Adjust offsets, blur, spread, and shadow color in real-time, and automatically generate the CSS for your web elements. Ideal for developers and designers looking to add depth and polish to their UI components.
Horizontal Offset
12
Vertical Offset
12
Blur Radius
10
Shadow Size / Spread Radius
3
Shadow Color
Hex
R
G
B
A
styles.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
box-shadow: 12px 12px 10px 3px rgba(120, 120, 120, 1)