third_party/WebKit/LayoutTests/css3/blending/background-blend-mode-multiple-background-layers.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <style>
   5     div {
   6         background: url('resources/ducky.png') no-repeat 0 0 /100% 100%, linear-gradient(to right, white 0%, gray 100%), green;
   7         width: 200px;
   8         height: 200px;
   9         margin: 10px;
  10     }
  11 </style>
  12 </head>
  13 <!-- This file should contain two divs with 3 background layers. Test background blend mode differences when only one layer blends differently. -->
  14 <body>
  15     <div style="background-blend-mode: hue, multiply, normal;"></div>
  16     <div style="background-blend-mode: luminosity, multiply, normal;"></div>
  17 </body>
  18 </html>