Box Shadow Generator
Design CSS box shadows visually and copy the generated code.
Runs locally · Nothing uploaded
Loading tool…
Advertisement
About Box Shadow Generator
Adjust offset, blur, spread, color, and opacity with sliders and watch the shadow render live on a preview card, including inset shadows and multiple layers. When it looks right, copy the exact box-shadow declaration into your stylesheet.
Related tools
Web & CSSRuns locally in your browser.Color ConverterConvert colors between HEX, RGB, and HSL with a live swatch.Web & CSSRuns locally in your browser.CSS FormatterExpand and indent CSS with one declaration per line.Web & CSSRuns locally in your browser.Color Contrast CheckerCheck text/background color pairs against WCAG contrast ratios.