brightness()
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.
brightness() CSS 함수는 주어진 이미지에 선형 계수를 적용해 더 밝거나 어둡게 만듭니다. 반환 값은 <filter-function>입니다.
시도해보기
구문
brightness(amount)
매개변수
amount-
<number>또는<percentage>로 지정한, 결과물의 밝기.100%미만의 값은 이미지를 어둡게 만들고,100%를 초과하는 값은 밝게 합니다.0%는 이미지를 완전한 검은색으로 바꾸고100%는 주어진 입력 이미지를 그대로 반환합니다. 보간 시, 누락 값은1입니다.
예제
css
brightness(0%) /* 완전한 검정 */
brightness(0.4) /* 40% 밝기 */
brightness(1) /* 변화 없음 */
brightness(200%) /* 두 배 밝기 */