src/third_party/WebKit/LayoutTests/fast/repaint/background-blend-mode-image-color-dynamic.html

   1 <!DOCTYPE HTML>
   2 <html>
   3 <head>
   4 <style>
   5     div {
   6         margin: 5px;
   7         width: 130px;
   8         height: 130px;
   9         background: url('resources/ducky.png') no-repeat 0 0 /100% 100%, green;
  10         background-blend-mode: normal, normal;
  11     }
  12 </style>
  13 <!-- This file should contain a duck with multiply blending set from script. -->
  14 <script src="resources/repaint.js" type="text/javascript"></script>
  15 <body onload="runRepaintTest()">
  16     <script>
  17         function repaintTest() {
  18             document.getElementById('blender').style.backgroundBlendMode = "multiply, normal";
  19         }
  20     </script>
  21     <div id="blender"></div>
  22 </body>