10 lines
600 B
HTML
10 lines
600 B
HTML
<!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>
|