🎪 소개
블랜드는 이미지와 이미지를 혼합해서 새로운 이미지를 만들어내는 기법입니다.
background-blend-mode
배경 그래픽 간의 블랜드 효과
blend_1.html
mix-blend-mode
컨텐트와 배경 사이의 블랜드 효과
blend_2.html
참고
아직 CSS에서 블랜드는 최신 기능이기 때문에 CSS 블랜드로 할 수 있는 일에 대한 논의가 풍부하지 않습니다. 포토샵 블랜드로 검색해보면 다양한 사례를 찾아볼 수 있을 것입니다.
포토샵 블랜드 검색
또 codepen.io를 통해서도 블랜드를 활용한 사례를 볼 수 있습니다.
codepen.io 블랜드 예제
블랜드는 최신 기능이기 때문에 일부 브라우저에서는 동작하지 않을 수 있습니다. 이에 대한 통계는 caniuse를 참고해주세요.
caniuse background-blend-mode 통계보기
안녕하세요~