src/third_party/WebKit/LayoutTests/css3/blending/mix-blend-mode-with-filters-expected.html

   1 <!DOCTYPE HTML>
   2 <style>
   3   div {
   4     width: 100px;
   5     height: 100px;
   6   }
   7   .container {
   8     background-color: lime;
   9     isolation: isolate;
  10     margin: 10px;
  11   }
  12   .child {
  13     background-color: blue;
  14     -webkit-filter: blur(10px);
  15   }
  16   .blending {
  17     mix-blend-mode: difference;
  18   }
  19   .accelerated {
  20     will-change: transform;
  21   }
  22 </style>
  23
  24 <div class="container">
  25   <div class="blending">
  26     <div class="child"></div>
  27   </div>
  28 </div>
  29
  30 <div class="container">
  31   <div class="blending">
  32     <div class="accelerated child"></div>
  33   </div>
  34 </div>