Checkerboard pattern

dabblet.css

/** 
 * Checkerboard pattern
 * (a bit buggy in Webkit, see bug #54615)
 */

background-color: white;
background-image: linear-gradient(45deg, transparent 25%, transparent 25%, transparent 87.5%, black 87.5%, black), 
    linear-gradient(-135deg, transparent 25%, transparent 25%, transparent 87.5%, red 87.5%, red),
    linear-gradient(45deg, transparent 25%, transparent 25%, transparent 87.5%, black 87.5%, black),     
    linear-gradient(-135deg, transparent 25%, transparent 25%, transparent 87.5%, red 87.5%, red),
    linear-gradient(45deg, transparent 25%, transparent 25%, transparent 87.5%, black 87.5%, black),         
    linear-gradient(-135deg, transparent 25%, transparent 25%, transparent 87.5%, red 87.5%, red),
    linear-gradient(45deg, transparent 25%, transparent 25%, transparent 87.5%, black 87.5%, black),             
    linear-gradient(-135deg, transparent 25%, transparent 25%, transparent 87.5%, red 87.5%, red);
background-size:100px 100px;
background-position: 25px 0,0 -75px,100px 25px,-25px -50px,75px 50px,50px -25px,50px 75px,25px 100px;

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}