<!DOCTYPE html>
<head>
    <style>
        div {
            width: 130px;
            height: 130px;
            background-size: 130px 130px;
            background: url('resources/red-circle.svg'), green;
            float: left;
            margin: 5px;
        }
    </style>
</head>
<!-- This file should contain an svg on top of a background color with every type of blending. -->
<body>
    <script>
        if (window.testRunner)
            window.testRunner.dumpAsText(true);
    </script>
    <div style="background-blend-mode: normal, normal"></div>
    <div style="background-blend-mode: multiply, normal"></div>
    <div style="background-blend-mode: screen, normal"></div>
    <div style="background-blend-mode: overlay, normal"></div>
    <div style="background-blend-mode: darken, normal"></div>
    <div style="background-blend-mode: lighten, normal"></div>
    <div style="background-blend-mode: color-dodge, normal"></div>
    <div style="background-blend-mode: color-burn, normal"></div>
    <div style="background-blend-mode: hard-light, normal"></div>
    <div style="background-blend-mode: soft-light, normal"></div>
    <div style="background-blend-mode: difference, normal"></div>
    <div style="background-blend-mode: exclusion, normal"></div>
</body>
