Swift Morph Design Suite

CSS Box Shadow Generator

Design smooth, modern CSS box shadows visually, tweak spread and blur effects, and copy ready-to-use cross-browser CSS code.

Shadow Parameters

Quick Presets

Horizontal Offset (X)10px

Vertical Offset (Y)10px

Blur Radius25px

Spread Radius0px

Shadow Opacity15%

Shadow Color

#000000

Box Color

#FFFFFF

Background

#F4F1EA

Border Radius24px

Inset Shadow

Live Box Preview

Generated CSS

box-shadow: 10px 10px 25px 0px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 10px 10px 25px 0px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 10px 10px 25px 0px rgba(0, 0, 0, 0.15);