third_party/WebKit/LayoutTests/css3/blending/svg-isolation-isolated-group.html

   1 <!DOCTYPE HTML>
   2 <!-- Test behaviour of isolation for overlapping elements within groups. The test passes if there are no rects drawn with red.
   3 This implies that the isolation is performed accordingly, meaning the orange rect doesn't blend with the background color. -->
   4 <html>
   5     <body>
   6         <svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="400px" height="400px" style="background: green">
   7             <g style="isolation: isolate;">
   8                 <rect x="100" y="100" width="250" height="250" style="fill: blue;"/>
   9                 <rect x="50" y="50" width="200" height="200" style="fill: orange; mix-blend-mode: difference;"/>
  10             </g>
  11         </svg>
  12     </body>
  13 </html>