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

   1 <!DOCTYPE HTML>
   2 <!-- Test background blending with SVG. Test passes if you can see a green square. -->
   3 <style type="text/css">
   4     div {
   5         width: 100px;
   6         height: 100px;
   7         background: url('data:image/svg+xml;utf8, \
   8             <svg xmlns="http://www.w3.org/2000/svg" width="100px" height="100px"> \
   9                 <rect width="100" height="100" fill="#000"/> \
  10                 <rect width="100" height="100" fill="#FFF"/> \
  11             </svg>') 0 0 / 100% 100%, green;
  12         background-blend-mode: multiply, normal;
  13     }
  14 </style>
  15 <div></div>