Box Shadow Generator

box-shadow takes these values: x-offset (horizontal), y-offset (vertical), blur-radius (softness), spread-radius (size), and color. For example: box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.2). You can also add "inset" for inner shadows, and stack multiple shadows with commas.

There's no hard limit on box-shadow layers, but performance degrades with too many. For most designs, 1-4 layers produce great results. Layered shadows create more realistic depth than a single heavy shadow. Our generator supports multi-layer editing.