Box Shadow Generator

Create CSS box shadows with multiple layers. Adjust offset, blur, spread, and color.

Shadow Layers

Layer 1Outer

Shadow Settings

0px
4px
12px
0px
20%

Presets

Preview Box

8px

Preview

Preview
CSScss
.element {
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.2);
}

Shadow Value

0px 4px 12px 0px rgba(0, 0, 0, 0.2)

Ready to launch your website?

Get professional hosting from $2.99/mo with free domain and SSL.

Get Hostinger Try Vercel Free