Skip to content

CSS Box Shadow Generator

Create CSS box shadows with a visual editor. Adjust offset, blur, spread, color and opacity. Support for multiple shadow layers.

Layer 1
box-shadow: 0px 4px 20px 0px rgba(99, 102, 241, 0.30);

About CSS Box Shadow

The CSS box-shadow property adds shadow effects to elements. It accepts horizontal offset, vertical offset, blur radius, spread radius, color and an optional inset keyword. Multiple shadows can be layered for depth effects. This generator lets you visually design shadows and copy the CSS code.