티스토리 뷰
background-blend-mode
background-blend-mode 속성은 배경이미지의 고정여부를 설정하기 위한 속성입니다.
background-blend-mode
background-blend-mode 속성은 배경이미지의 고정여부를 설정하기 위한 속성입니다.
정의(Definition)
- background-blend-mode 속성은 배경을 혼합했을 때의 상태를 정의합니다.
- 포토샵의 브렌드 모드와 동일합니다.
문법(Syntax)
background-blend-mode : normal | multiply | screen | overlay | darken | lighten | color-dodge | saturation | color | luminosity
속성(Property)
| 속성값 | 설명 |
|---|---|
| normal | 배경색의 기본 값을 정의합니다. |
| multiply | 더 어두운 색으로 변경됩니다. |
| screen | 더 밝은 색으로 변경됩니다. |
| overlay | 원래 색상의 농도와 밝기를 변경합니다. |
| darken | 어두운 색으로 변경됩니다. |
| lighten | 밝은 색으로 변경됩니다. |
| color-dodge | 기본 색상을 밝게 합니다. |
| saturation | 채도의 변화로 색상이 변경됩니다. |
| color | 색을 통해 색상을 변경합니다. |
| luminosity | 밝기를 통해 색상을 변경합니다. |
호환성(Compatibility) 
더보기
 |
 |
 |
 |
 |
 6 |
 7 |
8 |
 9 |
 10 |
 11 |
 |
 |
 |
|
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| background-blend-mode | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용안됨 | 사용안됨 | 사용안됨 | 사용안됨 | 사용안됨 | 사용안됨 | 사용가능 | 사용가능 | 사용가능 |
| normal | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용안됨 | 사용안됨 | 사용안됨 | 사용안됨 | 사용안됨 | 사용안됨 | 사용가능 | 사용가능 | 사용가능 |
| multiply | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용안됨 | 사용안됨 | 사용안됨 | 사용안됨 | 사용안됨 | 사용안됨 | 사용가능 | 사용가능 | 사용가능 |
| screen | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용안됨 | 사용안됨 | 사용안됨 | 사용안됨 | 사용안됨 | 사용안됨 | 사용가능 | 사용가능 | 사용가능 |
| overlay | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용안됨 | 사용안됨 | 사용안됨 | 사용안됨 | 사용안됨 | 사용안됨 | 사용가능 | 사용가능 | 사용가능 |
| darken | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용안됨 | 사용안됨 | 사용안됨 | 사용안됨 | 사용안됨 | 사용안됨 | 사용가능 | 사용가능 | 사용가능 |
| lighten | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용안됨 | 사용안됨 | 사용안됨 | 사용안됨 | 사용안됨 | 사용안됨 | 사용가능 | 사용가능 | 사용가능 |
| color-dodge | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용안됨 | 사용안됨 | 사용안됨 | 사용안됨 | 사용안됨 | 사용안됨 | 사용가능 | 사용가능 | 사용가능 |
| saturation | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용안됨 | 사용안됨 | 사용안됨 | 사용안됨 | 사용안됨 | 사용안됨 | 사용가능 | 사용가능 | 사용가능 |
| color | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용안됨 | 사용안됨 | 사용안됨 | 사용안됨 | 사용안됨 | 사용안됨 | 사용가능 | 사용가능 | 사용가능 |
| luminosity | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용안됨 | 사용안됨 | 사용안됨 | 사용안됨 | 사용안됨 | 사용안됨 | 사용가능 | 사용가능 | 사용가능 |
공유하기(Share) 더보기
공감하기(Like) 더보기
태그(Tag) 더보기
질문하기(Questions)