web Tool Popular
CSS Box Shadow Generator
Design smooth CSS box shadows with live interactive preview and instant copyable CSS.
Preview Box
Offset X: 0px
Offset Y: 10px
Blur Radius: 25px
Spread Radius: -5px
Opacity: 15%
box-shadow: 0px 10px 25px -5px rgba(0, 0, 0, 0.15);How It Works
Adjusts X/Y offset, blur, spread, color, opacity, and inset rules with live component previews.
Frequently Asked Questions
Common questions about calculations, assumptions, and edge cases.
Yes, CSS Box Shadow Generator is 100% free with unlimited calculations and zero paywalls or subscriptions.