third_party/WebKit/LayoutTests/css3/blending/background-blend-mode-different-image-formats.html

   1 <!DOCTYPE HTML>
   2 <html>
   3 <head>
   4 <style>
   5     div {
   6         background-blend-mode: multiply, normal;
   7         width: 200px;
   8         height: 200px;
   9         margin: 10px;
  10     }
  11
  12     #png {
  13         background: url('resources/ducky.png') no-repeat 0 0 /100% 100%, green;
  14     }
  15
  16     #jpg {
  17         background: url('resources/ducky.jpg') no-repeat 0 0 /100% 100%, green;
  18     }
  19 </style>
  20 <!-- This file should contain two divs that should perform blending with the background color.-->
  21 </head>
  22 <body>
  23     <div id="png"></div>
  24     <div id="jpg"></div>
  25 </body>
  26 </html>