background-blend-mode
여러 배경 레이어를 혼합하는 방식을 설정합니다. 배경색과 배경 이미지를 조합할 때 유용합니다.
클래스 목록
| <tr> <th class="tal py12px px16px bg18181B bb2pxsolid27272A cA1A1AA fw600 ttu fs12px ls0-05em">클래스 | CSS | 설명 |
|---|---|---|
bbmn | background-blend-mode: normal | 혼합 없음 (기본값) |
bbmm | background-blend-mode: multiply | 어두운 부분 강조 (포토샵 곱하기) |
bbms | background-blend-mode: screen | 밝은 부분 강조 (포토샵 스크린) |
사용 예시
<!-- Background color + image multiply blend -->
<div class="bbmm bg6366F1 bsc bgrn bgpc h30rem">
Dark tone overlay effect
</div>
<!-- Screen blend — bright effect -->
<div class="bbms bg000000 bsc bgrn bgpc h30rem">
Bright tone overlay effect
</div>