Live CSS box-shadow preview.. Box Shadow Generator is a free online tool from the ToolsRift Developer Tools collection. It runs entirely in your browser — nothing to install, no signup, and your data never leaves your device.
Adjust horizontal and vertical offset, blur, spread, color and the inset toggle, then copy the generated box-shadow CSS while watching the preview update live.
In order: horizontal offset, vertical offset, blur radius, spread radius, and color — with an optional inset keyword for inner shadows.
inset draws the shadow inside the element's border instead of outside, creating a pressed or recessed appearance.
Yes — CSS allows comma-separated box-shadow layers, letting you combine several offsets and colors for realistic depth.