CSS - CSS3 pixelate dot background

Czy jest to możliwe, czy istnieje sztuczka, która sprawia, że ​​tło jest pikselowane tak, jak na załączonym obrazku?

Używam obrazu tła, ale jak widać nie skaluje się i miga podczas przewijania strony.

Teraz mam CSS dzięki 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;

Ale nie jestem w stanie zrobić tego dokładnie tak, jak obraz. Czy ktoś może to sprawdzić?

Każdy kod, zasób, samouczek i sugestia są mile widziane.

questionAnswers(6)

yourAnswerToTheQuestion