mix-blend-mode-with-squashing-layer.html

<!DOCTYPE HTML>

<style>
  body { font-family: sans-serif; }

  .box {
    height: 100px;
    width: 100px;
  }
  .composited {
    will-change: transform;
  }

  .difference {
    mix-blend-mode: difference;
  }
</style>

<p>The test passes if you see a green square.</p>
<div class="composited box" style="background-color: red;"></div>
<div class="box difference" style="margin-top: -100px; background-color: #ff8000;"></div>

chromium/third_party/blink/web_tests/css3/blending/mix-blend-mode-with-squashing-layer.html