Dotted square css3 background

Answering question http://stackoverflow.com/questions/13607117/css-css3-pixelate-dot-background

by shurikratman

CSS

body {
    background-image: linear-gradient(45deg, #666 25%, transparent 25%), 
        linear-gradient(-45deg, #666 25%, transparent 25%), 
        linear-gradient(45deg, transparent 75%, #666 75%), 
        linear-gradient(-45deg, transparent 75%, #666 75%);
    background-size: 4px 4px;
    background-position: 0 0, 1px 0, 1px -1px, 0px 1px;
}