third_party/WebKit/LayoutTests/css3/blending/mix-blend-mode-with-squashing-layer.html

   1 <!DOCTYPE HTML>
   2
   3 <style>
   4   .box {
   5     height: 100px;
   6     width: 100px;
   7   }
   8   .composited {
   9     will-change: transform;
  10   }
  11
  12   .difference {
  13     mix-blend-mode: difference;
  14   }
  15 </style>
  16
  17 <p>The test passes if you see a green square.</p>
  18 <div class="composited box" style="background-color: red;"></div>
  19 <div class="box difference" style="margin-top: -100px; background-color: #ff8000;"></div>