Свойство background-blend-mode в CSS определяет, как фоновые слои (цвета и/или изображения) взаимодействуют друг с другом, создавая различные эффекты наложения. Оно позволяет экспериментировать с визуальным стилем, добавляя глубину и интерес к дизайну.
| Значение по умолчанию: | normal |
| Inherited: | no |
| Animatable: | no |
| Version: | CSS3 |
| Синтаксис JavaScript: | object.style.backgroundBlendMode="screen" |
Поддержка браузера
| Свойство: | background-blend-mode |
| Chrome | 35.0 |
| Explorer/Edge | Не поддерживается |
| Firefox | 30.0 |
| Safari | 7.1 |
| Opera | 22.0 |
Синтаксис CSS
background-blend-mode: normal|multiply|screen|overlay|darken|lighten|color-dodge|saturation|color|luminosity;
Значения свойств
| Значение | Описание |
| normal | Это значение по умолчанию. Установка режима смешивания в нормуl |
| multiply | Установка режима наложения для умножения |
| screen | Установка режима наложения на экран |
| overlay | Устанавливает режим наложения на наложение |
| darken | Установка режима наложения для затемнения |
| lighten | Установка режима наложения для осветления |
| color-dodge | Устанавливает режим смешивания в Color-Dodge |
| saturation | Установка режима наложения на насыщение |
| color | Устанавливает режим наложения на цвет |
| luminosity | Установка режима наложения на яркость |