Текстура CSS3 - Мелкая диагональная сетка

by Kocsten

HTML

<body>

</body>

CSS

body {
  background-color: #0a0a0a;
  background-image: -webkit-repeating-linear-gradient(315deg, 
    #232323, #232323 10%, 
    transparent 10%, transparent 50%
  ),
  -webkit-repeating-linear-gradient(225deg, 
    #232323, #232323 10%, 
    transparent 10%, transparent 50%
  );
  background-image: repeating-linear-gradient(135deg, 
    #232323, #232323 10%, 
    transparent 10%, transparent 50%
  ),
  repeating-linear-gradient(-135deg, 
    #232323, #232323 10%, 
    transparent 10%, transparent 50%
  );
  background-size: 12px 12px;
}