background-blend-mode
여러 배경 레이어를 혼합하는 방식을 설정합니다. 배경색과 배경 이미지를 조합할 때 유용합니다.
클래스 목록
| 클래스 | CSS | 설명 |
|---|---|---|
bbmn | background-blend-mode: normal | 혼합 없음 (기본값) |
bbmm | background-blend-mode: multiply | 어두운 부분 강조 (포토샵 곱하기) |
bbms | background-blend-mode: screen | 밝은 부분 강조 (포토샵 스크린) |
사용 예시
<!-- 배경색 + 이미지 multiply 혼합 -->
<div class="bbmm bg6366F1 bsc bgrn bgpc h30rem">
어두운 톤의 오버레이 효과
</div>
<!-- screen 혼합 — 밝은 효과 -->
<div class="bbms bg000000 bsc bgrn bgpc h30rem">
밝은 톤의 오버레이 효과
</div>