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