CSS - точечный фон CSS3

Возможно ли это или есть хитрость, чтобы сделать фон пикселированным, как на картинке?

Я использую фоновое изображение, но, как вы видите, оно не масштабируется и мигает при прокрутке страницы.

Теперь у меня есть CSS благодаря vlcekmi3:

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;

Но я не могу сделать это в точности как изображение. Кто-нибудь может это проверить?

Любой код, ресурс, учебник и предложение приветствуется.

Ответы на вопрос(6)

Ваш ответ на вопрос