DropShadowValue 객체 타입

DropShadowValue 객체는 dropShadow 함수를 위해 filter 스타일 속성에 사용된다. 이 객체는 2개 또는 3개의 길이 값과 선택적인 색상으로 구성된다. 이 값들은 함께 드롭 섀도우의 색상, 위치, 흐림 정도를 정의한다.

예제

js

{
  offsetX: 10,
  offsetY: -3,
  standardDeviation: '15px',
  color: 'blue',
}

키와 값

offsetX

x축 방향의 오프셋을 나타낸다. 양수와 음수 모두 가능하며, 양수는 오른쪽, 음수는 왼쪽을 의미한다.

타입	필수 여부
number | string	필수

offsetY

Y축 방향의 오프셋을 나타낸다. 양수와 음수 모두 가능하다. 양수 값은 위쪽 방향을, 음수 값은 아래쪽 방향을 의미한다.

타입	필수 여부
number | string	필수

standardDeviation

가우시안 블러 알고리즘에서 사용되는 표준 편차를 나타낸다. 값이 클수록 그림자가 더 흐려진다. 음수가 아닌 값만 유효하며, 기본값은 0이다.

타입	선택 사항
number | string	예

color

그림자의 색상을 지정한다. 기본값은 black이다.

타입	선택적
color	예

사용처

• filter