Что такое `mix-blend-mode`?

Question

Accepted Answer

## Смешивание

`mix-blend-mode` определяет, **как цвета элемента смешиваются с содержимым под ним** (backdrop): `multiply`, `screen`, `overlay`, `difference` и др.

```css
.title {
  color: white;
  mix-blend-mode: difference;
}
```

Эффект зависит от фона; для изоляции группы используют `isolation: isolate`. Отдельно есть `background-blend-mode` — смешивание **слоёв фона одного элемента**, без влияния на соседей.

Учтите accessibility: `difference` на тексте может ухудшать контраст на части фонов.