Functions

Draft

<filter-function>outputdrop-shadow(<length>offset-x <length>offset-y [<length>blur-radius] [<length>spread-radius] [<color>color])

그림자를 생성한다.

설명

filter와 backdrop-filter 속성에서 값으로 사용된다.

구문

filter:drop-shadow(offset-xoffset-yblur-radiusspread-radiuscolor);기본형식
inset 설정을 허용하지 않는 것을 제외하고는 box-shadow 속성에서 적용하는 방식과 동일하다.
filter 속성의 drop-shadow 테스트

매개 변수

<length>offset-x필수
그림자가 x축으로 이동되는 값
<length>offset-y필수
그림자가 y축으로 이동되는 값
<length>blur-radius선택
그림자의 흐림 반경을 지정한다. 기본 값을 0이며 값이 클수록 그림자가 커지고 흐려진다.
<length>spread-radius선택
그림자의 확산 반경으로 양수 값은 그림자가 확장되고 음수 값은 그림자가 축소된다. 기본 값은 0이며 이미지와 동일한 크기를 같는다.
<color>color선택
그림자의 색상을 설정한다.

반환

<filter-function>output

drop-shadow가 적용된 결과물

지원 웹브라우저