Расположение рисованных кругов CSS

#css #сss3

Есть стиль, выглядит так: 



Нужно сделать, чтобы круги располагались в шахматном порядке, как на картинке ниже. 



Нужно замостить так весь бэкграунд.

body {
  background: radial-gradient(circle, #ff72f7 40%, rgba(255,114,247,0) 40%) 100px 100px;
  background-color:white;
  background-size:250px 250px;
}

    

Ответы

Ответ 1

.polkaDot {
   background: radial-gradient(circle, #ff72f7 30%, rgba(255,114,247,0) 30%), radial-gradient(circle,
#ff72f7 30%, rgba(255,114,247,0) 30%) 125px 125px;
   background-color:white; 
   background-size: 250px 250px;
}
Написать об этом в блоге