ホーム Design Toolsシャドウパレット

シャドウパレット

美しい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);