third_party/WebKit/LayoutTests/css3/blending/svg-blend-overlapping-elements.html

   1 <!DOCTYPE HTML>
   2 <html>
   3     <body>
   4         <!-- Test mix-blend-mode on a group consisting of overlapping elements.
   5             The two rects should blend as a whole with the yellow background.
   6             Test passes if the two rectangles are drawn with green, and their intersection is not blended.-->
   7         <svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="200px" height="200px" style="background: #FF0">
   8             <g style="mix-blend-mode: difference;">
   9                 <rect x="25" y="25" width="100" height="100" style="fill: #F70;"/>
  10                 <rect x="75" y="75" width="100" height="100" style="fill: #FA0;"/>
  11             </g>
  12         </svg>
  13     </body>
  14 </html>