Online Converter Tools
Home
Blog
Privacy
This website uses cookies to ensure you get the best experience on our website.
Learn More
.
Accept
CSS Box Shadow Generator
Adjust the sliders to design your box shadow and copy the ready-to-use CSS instantly.
Shadow Settings
Horizontal Offset:
4
px
Vertical Offset:
4
px
Blur Radius:
10
px
Spread Radius:
0
px
Opacity:
40
%
Shadow Color
Inset shadow
Second Shadow (optional)
Add second shadow layer
H-Offset:
0
px
V-Offset:
0
px
Blur:
20
px
Spread:
0
px
Opacity:
20
%
Color
CSS Output
Copy CSS
Reset