斜め線の繰り返し

https://codepen.io/kitasenjudesign/pen/WNmROJY

body{
    --col1: #000;
  --col2: #ea0;
  width: 2000px;
  height: 100px;
  
  /*background-image: url("circle.png");*/
  background-repeat: repeat;
  background-size: 100px 100px;
  background-image: repeating-linear-gradient(
    45deg, /* 斜めの角度 */
    var(--col1),
    var(--col1) 25%,
    var(--col2) 25%,
    var(--col2) 50%,
    var(--col1) 50%,
    var(--col1) 75%,
    var(--col2) 75%,
    var(--col2) 100%
  );
}