Box Shadow Generator
Build CSS box-shadow values visually. Control offset, blur, spread, color, and inset. Support for multiple shadows.
Preview
Box color:
Shadows
Shadow 1
Offset X4px
Offset Y4px
Blur12px
Spread0px
Color
CSS Code
box-shadow: 4px 4px 12px 0px #00000033;
Related tools
Text Shadow GeneratorCSS
Create CSS text-shadow effects visually with live preview.
CSS Gradient GeneratorCSS
Build beautiful CSS gradients visually with a live preview.
Border Radius GeneratorCSS
Visual CSS border-radius editor with per-corner control.
Flexbox PlaygroundCSS
Interactive CSS flexbox layout builder with live preview.
CSS Grid GeneratorCSS
Visual CSS Grid layout generator with cell spanning.
CSS Animation GeneratorCSS
Build CSS @keyframes animations visually with live preview.