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

   1 <!DOCTYPE HTML>
   2 <html>
   3 <head>
   4 <style>
   5   .parent {
   6     background-color: white;
   7     width: 60px;
   8     height: 60px;
   9     float: left;
  10     margin-left: 10px;
  11   }
  12   .child {
  13     width: 60px;
  14     height: 60px;
  15     background-color: green;
  16   }
  17 </style>
  18 <body>
  19   <p>Test that mix-blend-mode multiply has no effect when applied over a white background, for both software and hardware paths.</p>
  20   <p>This test passes if there are one black and two green boxes.</p>
  21   <div class="parent">
  22     <div class="child" style="background-color: black;"></div>
  23   </div>
  24   <div class="parent">
  25     <div class="child" style="-webkit-transform: rotateX(0deg);"></div>
  26   </div>
  27   <div class="parent">
  28     <div class="child"></div>
  29   </div>
  30 </body>
  31 </html>