141. [CSS] opacity 와 filter: brightness() 차이 TIL 23.03.13

---

 

opcity

opacity는 요소의 투명도를 지정하는 속성.
속성은 값이 0에서 1 사이의 숫자를 가질 수 있으며,
0은 완전히 투명하고 1은 완전히 불투명함을 나타냄.
이 속성은 요소의 텍스트 및 배경색생의 투명도를 변경할 수 있음

 

 

filter: brightness()

filter brightness는 요소의 밝기를 조정하는 속성.
속성은 값이 0에서 100% 사이의 숫자를 가질 수 있으며,
0은 완전히 어둡고 100은 원래 이미지의 밝기를 유지함.
이 속성은 내부의 콘텐츠의 밝기만 조정하며, 콘텐츠의 색상이나 투명도를 변경하지 않음.

 

 

opacity, filter: brightness() 차이

opcity는 요소의 불투명도를 조정하고, brightness는 밝기를 조정함
요소 자체를 투명하게 만들고 싶은 경우 opcity를 요소의 밝기를 조정하려면 brightness를 사용하면 됨.