contrast()
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2016.
contrast() CSS 함수는 주어진 이미지의 대비를 조절합니다. 반환 값은 <filter-function>입니다.
시도해보기
구문
contrast(amount)
매개변수
amount-
<number>또는<percentage>로 지정한, 결과물의 대비.100%미만의 값은 이미지의 대비를 낮추고,100%를 초과하는 값은 높입니다.0%는 이미지를 완전히 회색으로 바꾸고100%는 입력 이미지를 그대로 반환합니다. 보간 시, 누락 값은1입니다.
예제
css
contrast(0) /* 완전히 회색 */
contrast(65%) /* 대비 65% */
contrast(1) /* 변화 없음 */
contrast(200%) /* 대비 두 배 */