svg-blend-overlapping-elements.html

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

chromium/third_party/blink/web_tests/css3/blending/svg-blend-overlapping-elements.html