[CSS] 백그라운드 이미지 투명도 조절하는 간단한 방법

트위터에서 Laura 라는 친구가 공유한 방법

(원문: https://twitter.com/lauracharvey/status/1309524321812054018?s=20)

 

보자마자 Vscode를 키고 시험해보고 깜짝 놀랐다.

 

백그라운드 이미지 투명도를 조정할 때

지금까지는

:after와 같이 이미지를 덮어씌우는 방법을 써왔다.

 

이제부터는

linear-gradient를 사용하려고 한다.

background-image: linear-gradient(
        rgba(0, 0, 0, 0.8),
        rgba(0, 0, 0, 0.8)
      ), url("backgroundImg.jpg");

 

코딩하는분들 모두 화이팅 😁