21'C 흐림
서울 강남구
이미지가 검정색이고 이미지의 배경이 흰색인 경우만 적용된다.
HTML
<body>
<div class="logo">
<img src="pic037-logo.png" alt="">
</div>
</body>
CSS
.logo{
background: url(pic037.jpg) no-repeat center/cover;
}
결과
COFFEE SHOP 이미지의 흰 배경이 백드라운 이미지를 가리고 있다.
CSS1
img{
mix-blend-mode: multiply;
}
.logo{
background: url(pic037.jpg) no-repeat center/cover;
}
이미지에 mix-blend-mode: multiply를 적용하였다.
결과1
COFFEE SHOP의 흰 배경이 투명하게 되었다.