Box Shadow Generator
Design CSS box shadows with live preview. Copy the rule into your stylesheet.
Preview
CSS
box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.15);
CSS box-shadow syntax+
A box shadow is defined by horizontal offset, vertical offset, blur radius, spread radius, and color. Optional inset draws the shadow inside the element.
Design tips+
Soft shadows use low opacity and moderate blur. Elevated cards often use 0 offset-y, 8–16px blur, and subtle dark alpha. Inset shadows work well for pressed buttons.