不透明度オーバーレイの色を変更する - CSS

Question

2つの不透明な要素が重なると、不透明度が結合されます。オーバーラップを異なる色にするようにCSSに指示できますか？たとえば、2つの黄色の要素が重なって中央にオレンジ色になることはありますか？

Answer 1

現在のところ、純粋なCSSを使用することはできません。 Photoshopブレンドモードmix-blend-modeをエミュレートするCSSプロパティがありますが、これは実際には広くサポートされていません。ブレンドモードは引き続き要素の色に依存しますが、オーバーラップするセクションの色を指定することはできません。 CSSで純粋

div { 
 
    height: 100px; 
 
    mix-blend-mode: multiply; 
 
    position: absolute; 
 
    width: 200px; 
 
} 
 

 
.left { 
 
    background: cyan; 
 
    left: 0; 
 
} 
 

 
.right { 
 
    background: yellow; 
 
    left: 150px; 
 
}

<div class="left"></div> 
 
<div class="right"></div>

Answer 2

、私はできないと思います。第2のリンクが示唆され、最初または最後として：あなたはあまりにもJSを経由して、実行時にCSSを与えることができたり、要素にCSSクラスを作成

How to make an transparent element overlap other elements?

https://css-tricks.com/equidistant-objects-with-css/

、この答えをしてみてください。