blob: c8604eade88f7aaf22dc27380d33f7d8afc6d179 [file] [log] [blame]
.content {
isolation: isolate;
.content > div {
float: left;
margin: 10px;
width: 100px;
height: 100px;
overflow: hidden;
.content > div > div {
mix-blend-mode: multiply;
width: 300px;
height: 300px;
background-color: black;
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);">