files/ko/web/css/compositing_and_blending/index.md


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46

---
title: Compositing and Blending
slug: Web/CSS/Compositing_and_Blending
tags:
  - CSS
  - Compositing and Blending
  - Guide
  - Overview
  - Reference
translation_of: Web/CSS/Compositing_and_Blending
---
{{CSSRef}}

**Compositing and Blending**은 서로 다른 요소의 모양을 단일 이미지로 결합하는 방법을 정의하는 CSS 모듈입니다.

## 참고

### 속성

- {{cssxref("background-blend-mode")}}
- {{cssxref("isolation")}}
- {{cssxref("mix-blend-mode")}}

### 데이터 타입

- {{cssxref("&lt;blend-mode&gt;")}}

## 명세

| Specification                        | Status                           | Comment            |
| ------------------------------------ | -------------------------------- | ------------------ |
| {{SpecName("Compositing")}} | {{Spec2("Compositing")}} | Initial definition |

## 브라우저 호환성

### `background-blend-mode` 속성

{{Compat("css.properties.background-blend-mode")}}

### `isolation` 속성

{{Compat("css.properties.isolation")}}

### `mix-blend-mode` 속성

{{Compat("css.properties.mix-blend-mode")}}