third_party/WebKit/LayoutTests/css3/blending/mix-blend-mode-multiply.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     isolation: isolate;
  12   }
  13   .child {
  14     width: 60px;
  15     height: 60px;
  16     background-color: green;
  17     mix-blend-mode: multiply;
  18   }
  19 </style>
  20 <body>
  21   <p>Test that mix-blend-mode multiply has no effect when applied over a white background, for both software and hardware paths.</p>
  22   <p>This test passes if there are one black and two green boxes.</p>
  23   <div class="parent" style="background-color: red;">
  24     <div class="child"></div>
  25   </div>
  26   <div class="parent">
  27     <div class="child" style="transform: rotateX(0deg);"></div>
  28   </div>
  29   <div class="parent">
  30     <div class="child"></div>
  31   </div>
  32 </body>
  33 </html>