<!DOCTYPE HTML>

<style>
  .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>