Box Shadow Generator
Design and preview CSS box shadows with real-time controls for offset, blur, and color.
live
Box Shadow Preview
box-shadow: Inside shadow
Current: inset: false, offset: 0px 2px, blur: 4px, spread: 0px
Quick Tips
- • Use X and Y to position the shadow
- • Blur controls the softness of the shadow
- • Spread expands or contracts the shadow size
- • Toggle Inset for inner shadows
- • Add multiple shadows for complex effects
- • All processing happens in your browser