Сделать фоновую тему кольчуги

Question

Я бы хотел сделать кольчугу вот так:

Я пытался использовать линейный градиент, но, похоже, он не работает

    background: linear-gradient(#0c0c0c, #222222)!important

Я ожидаю, что результат будет похож на показанное изображение из imgur. Будет ли работать линейный градиент?

Answer 1

Вы можете сделать это с помощью radial-gradient

Я использовал разные цвета, чтобы лучше видеть результат:

body {
  margin:0;
  height:100vh;
  background:
    radial-gradient(50% 100%,#000 35%,transparent 50%) 0   0  /10px 10px,
    radial-gradient(50% 100%,#000 35%,transparent 50%) 5px 5px/10px 10px,
    yellow;
}

Вы можете легко настроить различные значения для управления размером:

body {
  margin:0;
  height:100vh;
  background:
    radial-gradient(50% 100%,#000 25%,transparent 50%) 0   0  /8px 8px,
    radial-gradient(50% 100%,#000 25%,transparent 50%) 4px 4px/8px 8px,
    yellow;
}