blob: 760a5a20bb2d2926c1db82651cbda5e36a0e692a [file] [log] [blame]
.content {
isolation: isolate;
.content > div {
float: left;
margin: 10px;
width: 100px;
height: 100px;
background-color: green;
overflow: hidden;
.content > div > div {
mix-blend-mode: multiply;
width: 300px;
height: 300px;
background-color: red;
transform: rotateX(0deg);
<p>Test that mix-blend-mode multiply works for layers that are clipped with overflow hidden.</p>
<p>This test passes if you can see two black squares.</p>
<div class="content">
<div style="transform: rotateX(0deg);">