본문으로 건너뛰기

Shadow

Types​

Level 1​

가장 낮은 elevation을 가진 콘텐츠에 사용됩니다.

Shadow1.svg

Shadow 1-2

  • X: 0
  • Y: 6
  • Blur: 24
  • Spread: 0
  • Color:#14000000 (8%)

Level 2​

Level 1보다 높은 elevation을 표현할 때 사용합니다.

Shadow2.svg

Shadow 1-1

  • X: 0
  • Y: 8
  • Blur: 32
  • Spread: 0
  • Color: #29000000 (16%)

Shadow 1-2

  • X: 0
  • Y: 2
  • Blur: 2
  • Spread: 0
  • Color: #14000000 (8%)

Level 3​

가장 상위 elevation을 가진 콘텐츠에 사용됩니다.

Shadow3.svg

Shadow 1-1

  • X: 0
  • Y: 20
  • Blur: 40
  • Spread: 0
  • Color: #3D000000 (24%)

Shadow 1-2

  • X: 0
  • Y: 2
  • Blur: 4
  • Spread: 0
  • Color: #33000000 (20%)