Shadow Studio

Professional shadow design powered by AI

Shadow Layers

X: 0Y: 4Blur: 12

Quick Presets

Live Preview

Width: 300px

Height: 200px

Border Radius: 16px

Background Color

Canvas Background

Shadow 1

Offset X0px

Offset Y4px

Blur12px

Spread0px

Opacity15%

Shadow Color

Inset Shadow

CSS Output

/* Box Shadow */
.element {
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.15);
  background-color: #FFFFFF;
  border-radius: 16px;
  width: 300px;
  height: 200px;
}