<meta name="fuzzy" content="maxDifference=2; totalPixels=84000-102000" />
<style>
    .checkboard {
        background-blend-mode: difference;
        background-image:
            linear-gradient(to bottom, white 50%, black 50%),
            linear-gradient(to right, black 50%, white 50%);
        background-size: 25% 25%;
        outline: 2px solid red;
        height: 400px;
        width: 400px;
    }
</style>
<body>
    <div class="checkboard"></div>
</body>
