blob: 0c32063b2e30eb7bfd0de141611a9eb0919fde0d [file] [log] [blame]
<!DOCTYPE HTML>
<!-- Test behaviour of isolation for overlapping elements within groups. The test passes if there are no rects drawn with red.
This implies that the isolation is performed accordingly, meaning the orange rect doesn't blend with the background color. -->
<svg xmlns="http://www.w3.org/2000/svg" width="400px" height="400px" style="background: green">
<g style="isolation: isolate;">
<rect x="100" y="100" width="250" height="250" style="fill: blue;"/>
<rect x="50" y="50" width="200" height="200" style="fill: orange; mix-blend-mode: difference;"/>
</g>
</svg>