CSS Текстура - Широкие вертикальные полосы в тёмных тонах

Фоновый рисунок в тёмных тонах с помощью линейного градиента CSS

by Andrey Dobrovoi

CSS

body {
  -webkit-perspective: 1000px;
          perspective: 1000px;
  -webkit-perspective-origin: center center;
          perspective-origin: center center;
  overflow: hidden;
  font-size: 14px;
  background: #000;
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.025) 50%, transparent 30%);
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.025) 50%, transparent 30%);
  background-size: 2rem 100%;
}