Градиент с повторением и наклоном

Question

Как можно сделать такой градиент фоновый у блока? Пробовал, но получается размытый с плавным переходом.

Answer 1

Для получения чётких границ укажите точные координаты начала и окончания соответствующего цвета:

.grad {
  width: 100%;
  height: 50px;
  background-image: repeating-linear-gradient( 115deg, green 60px, green 120px, tomato 121px, tomato 180px);
}

<div class="grad"></div>