← All tools

Create CSS Box Shadows

Design beautiful box shadows with our visual tool. Adjust offset, blur, spread, and color.

Layer 1
box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.25);

How to use this tool

  • 1.Adjust the shadow offset, blur, and spread values
  • 2.Pick a color and opacity for your shadow
  • 3.Copy the CSS code and use it in your project