CSS Box-Shadow Generator

This CSS Box-Shadow Generator is a handy tool that helps users easily create customized box-shadow CSS styles. With intuitive sliders, users can adjust the shadow's X and Y offsets, blur radius, spread radius, color, and opacity. Multiple shadow layers can be freely added or removed to achieve more refined visual effects. The tool also provides background color settings, allowing users to preview how the shadows look on different backgrounds. Once finished, simply click the “Copy CSS” button to copy the generated box-shadow code and quickly apply it to your project.

{{ shadow.alpha }}
Box Preview
Klook.com