Box Shadow Generator
Developer ToolsTune offset, blur, spread, and color, then copy box-shadow.
px
px
px
px
Calculated Result
box-shadow: 4px 8px 24px 0px #0f172a2e;
Formula: x y blur spread color
About this calculator
Opacity is baked into an 8-digit hex alpha. Use the copy control for the declaration.
How It Works & Formula
Formulax y blur spread color
box-shadow: x y blur spread #rrggbbaa.