<filter-function> CSS 자료형은 입력 이미지의 모습을 변형할 수 있는 그래픽 효과를 나타냅니다. filterbackdrop-filter 속성에서 사용합니다.

구문

<filter-function> 자료형은 다음 목록의 필터 중 하나를 사용해 지정할 수 있습니다. 각 함수는 매개변수를 받아야 하며, 유효하지 않은 값을 전달하면 필터를 적용하지 않습니다.

blur()
이미지를 흐리게 만듭니다.
brightness()
이미지의 밝기를 조절합니다.
contrast()
이미지의 대비를 조절합니다.
drop-shadow()
이미지의 뒤에 그림자를 적용합니다.
grayscale()
이미지를 흑백으로 변환합니다.
hue-rotate()
이미지의 전체 색조를 조절합니다.
invert()
이미지의 색을 반전합니다.
opacity()
이미지의 투명도를 조절합니다.
saturate()
이미지의 채도를 조절합니다.
sepia()
이미지에 세피아 톤을 적용합니다.

명세

Specification Status Comments
Filter Effects Module Level 1
The definition of '<filter-function>' in that specification.
Working Draft Initial definition.

같이 보기

문서 태그 및 공헌자

이 페이지의 공헌자: alattalatta, mdnwebdocs-bot
최종 변경자: alattalatta,