실험적인 단계에 있어 현재 모든 웹브라우저에서 지원하지 않을 수 있으므로 반드시 지원 현황을 확인해야 한다.
캔버스에 CSS 또는 SVG 필터를 적용한다.
분류 | 값 | 설명 |
---|---|---|
default | none | |
writable | yes |
분류 | 값 | 설명 |
---|---|---|
optional | blur() | CSS의 blur() 함수를 사용하여 흐림 효과를 적용한다. |
optional | brightness() | CSS의 brightness() 함수를 사용하여 밝고 어두운 효과를 적용한다. |
optional | contrast() | CSS의 contrast() 함수를 사용하여 대비 효과를 적용한다. |
optional | drop-shadow() | CSS의 drop-shadow() 함수를 사용하여 그림자 효과를 적용한다. |
optional | grayscale() | CSS의 grayscale() 함수를 사용하여 회색톤으로 처리한다. |
optional | hue-rotate() | CSS의 hue-rotate() 함수를 사용하여 색조(hue)의 색상 각도를 적용한다. |
optional | invert() | CSS의 invert() 함수를 사용하여 반전 효과를 적용한다. |
optional | opacity() | CSS의 opacity() 함수를 사용하여 투명도를 적용한다. |
optional | saturate() | CSS의 saturate() 함수를 사용하여 채도(saturate)를 조정한다. |
optional | sepia() | CSS의 sepia() 함수를 사용하여 세피아톤을 적용한다. |
optional | url() | CSS의 url() 함수를 사용하여 외부 XML 파일에 포함될 수 있는 SVG 필터 요소를 가리키는 IRI를 사용한다. |