Текстура CSS - Маленькие кружочки

Градиентный фон CSS

by Kocsten

HTML

<body>
</body>

CSS

body {
  background-color: #39526b;
  background-image: -webkit-repeating-radial-gradient(
    circle,
    #293c4e, #293c4e 45%,
    transparent 45%, transparent 60%,
    #293c4e 60%, #293c4e 100%
  );
  background-image: repeating-radial-gradient(
    circle,
    #3a4e63, #3a4e63 45%,
    transparent 45%, transparent 60%,
    #3a4e63 60%, #3a4e63 100%
  );
  background-size: 10px 10px;
}