<!DOCTYPE HTML>
<html>
<head>
<style>
  .parent {
    background-color: white;
    width: 60px;
    height: 60px;
    float: left;
    margin-left: 10px;
    isolation: isolate;
  }
  .child {
    width: 60px;
    height: 60px;
    background-color: green;
    mix-blend-mode: multiply;
  }
</style>
<body>
  <p>Test that mix-blend-mode multiply has no effect when applied over a white background, for both software and hardware paths.</p>
  <p>This test passes if there are one black and two green boxes.</p>
  <div class="parent" style="background-color: red;">
    <div class="child"></div>
  </div>
  <div class="parent">
    <div class="child" style="transform: rotateX(0deg);"></div>
  </div>
  <div class="parent">
    <div class="child"></div>
  </div>
</body>
</html>