---
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("<blend-mode>")}}

## 명세

| 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")}}