[css] 배경이미지 어둡게 하는 법

원래는 맨날 div 를 하나 더 깔고 색을 주던가,, opacity + background-color 로 애매하게 했었는데 찾아보니까 이런게 있었음

 

1. filter : brightness()

CSS의 filter에 적용되는 함수로, 주어진 이미지의 밝기를 조절해줌!

  filter: brightness(100%)

이렇게 쓰면 되고, 숫자가 작을 수록 어두워짐

 

https://hianna.tistory.com/730

[HTML/CSS] 이미지 어둡게 하는 3가지 방법 (brightness, background-color, linear-gradient)