mix-blend-mode, background-blend

요소를 겹치는 효과

포토샵에서 사용하는 블렌드 모드(오버레이, 소프트라이트..)와 동일한 효과

• mix-blend-mode 속성은 img 태그를 통한 이미지의 혼합상태를 설정
• background-blend 속성은 background 속성을 통한 이미지의 혼합 상태를 설정

mix-blend-mode

https://developer.mozilla.org/ko/docs/Web/CSS/mix-blend-mode

background-blend-mode

https://developer.mozilla.org/en-US/docs/Web/CSS/background-blend-mode

참고

• 예시 사이트(링크)
• 테스트 사이트 (링크)
• 텍스트보단 이미지위주의 사이트가 알맞음.
• 익스11은 미지원