title: CSS - CSS3 pixelate dot background
body: <p>Is it possible or is there a trick to make a background pixelated like the one in the image attached?</p>
  
  <p>I use a background image, but as you can see it doesn't scale and it flashs on page scrolling.</p>
  
  <p><img src="https://i.stack.imgur.com/pRya2.png" alt="Enter image description here"></p>
  
  <p>Now I have CSS thanks to vlcekmi3:</p>
  
  <pre><code>background-color: white;
  background-image: linear-gradient(45deg, black 25%, transparent 25%, transparent 75%, black 75%, black),
      linear-gradient(45deg, black 25%, transparent 25%, transparent 75%, black 75%, black);
  background-size:100px 100px;
  background-position: 0 0, 50px 50px;
  </code></pre>
  
  <p>But I'm unable to make it exactly like the image. Can someone check it?</p>
  
  <p>Any code, resource, tutorial, and suggestion is appreciated.</p>