Игнорировать некоторые элементы при смешивании цветов в CSS - PullRequest
Новая
       32

Игнорировать некоторые элементы при смешивании цветов в CSS

0 голосов
/ 02 июля 2019

Можно ли не смешивать зеленый и синий цвета?

Я имею в виду, что синяя рамка должна игнорировать зеленую рамку и смешивать цвета только с красной рамкой

Я попробовал режим смешивания, но это не помогает 

div {
  width: 100px;
  height: 100px;
}

.red {
  background-color: red;
}
.green {
  background-color: green;
  margin-top: -50px;
  opacity: 0.5;
}
.blue {
  background-color: blue;
  margin-top: -125px;
  margin-left: 25px;
  opacity: 0.5;
}
<div class="red"></div>
<div class="green"></div>
<div class="blue"></div>

Upd: Желаемый результат Desired result

...