首页设计工具阴影调色板

阴影调色板

生成和预览CSS box-shadow阴影组合。

Shadow Layers (2)

Layer 1

X: 0px

Y: 2px

Blur: 4px

Spread: 0px

Color#000000

Opacity: 15%

Inset

Layer 2

X: 0px

Y: 4px

Blur: 8px

Spread: 0px

Color#000000

Opacity: 10%

Inset

CSS Code

box-shadow:
  0px 2px 4px 0px rgba(0, 0, 0, 0.15),
  0px 4px 8px 0px rgba(0, 0, 0, 0.1);