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이다.

타입	선택적
숫자 | 문자열	예

color

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

타입	선택 여부
color	예

사용처

• filter