<!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>