Создание сайта на CMS WordPress: обучение и хостинг

СВОЙСТВО BACKGROUND-BLEND-MODE

Свойство background-blend-mode определяет режим наложения каждого фонового слоя.

Поддержка браузеров


✕

Синтаксис

background-blend-mode: normal|multiply|screen|overlay|darken|lighten|color-dodge|saturation|color|luminosity|initial|inherit

Значения свойства

Значение	Описание
normal	Значение по умочанию.
multiply screen overlay darken lighten color-dodge saturation color luminosity	Устанавливает следующие режимы наложения: multiply screen overlay darken lighten color-dodge saturation color luminosity
initial	Устанавливает значение по умолчанию.
inherit	Унаследует значение свойства от родительского элемента.

Песочница

<div class="block">
</div>

HTML

.block {
  background-blend-mode: overlay;
  background-image: url(/images/bg.png);
  background-repeat: no-repeat;
  background-color: orange;
  margin: 30px;
  height:100px;
  width:100px;
}

CSS

← Перейти к списку свойств