svg-isolation-html-inline-blend.html

<!DOCTYPE HTML>
<html>
    <style>
        div {
            width: 400px;
            height: 400px;
            background-color: lime;
        }
    </style>
    <body>
        <p>The test passes if you see an yellow square inside a green one.</p>
        <div>
            <svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="400px" height="400px">
                <rect x="100" y="100" width="200" height="200" style="fill: red; mix-blend-mode: difference"/>
            </svg>
        </div>
    </body>
</html>

chromium/third_party/blink/web_tests/css3/blending/svg-isolation-html-inline-blend.html