如何用css制作彩虹条纹渐变

Question

如何在 CSS 中制作彩虹条纹？像这样的东西：

.stripe{
background:linear-gradient(
        45deg,
        rgba(255, 0, 0, 1) 0%,
        rgba(255, 154, 0, 1) 10%,
        rgba(208, 222, 33, 1) 21%,
        rgba(79, 220, 74, 1) 30%,
        rgba(63, 218, 216, 1) 40%,
        rgba(47, 201, 226, 1) 50%,
        rgba(28, 127, 238, 1) 60%,
        rgba(95, 21, 242, 1) 70%,
        rgba(186, 12, 248, 1) 80%,
        rgba(251, 7, 217, 1) 90%,
        rgba(255, 0, 0, 1) 100%
    );}

<div class = 'stripe'><h1>.</h1></div>

但是有相反程度的叠加：

.stripe{
background:linear-gradient(
        -45deg,
        rgba(255, 0, 0, 1) 0%,
        rgba(255, 154, 0, 1) 10%,
        rgba(208, 222, 33, 1) 21%,
        rgba(79, 220, 74, 1) 30%,
        rgba(63, 218, 216, 1) 40%,
        rgba(47, 201, 226, 1) 50%,
        rgba(28, 127, 238, 1) 60%,
        rgba(95, 21, 242, 1) 70%,
        rgba(186, 12, 248, 1) 80%,
        rgba(251, 7, 217, 1) 90%,
        rgba(255, 0, 0, 1) 100%
    );}

<div class = 'stripe'><h1>.</h1></div>

如果你覆盖它们，它应该是这样的：

.stripe {
  background: repeating-linear-gradient(
      45deg,
    transparent,
    transparent 10px,
        rgba(255, 0, 0, 1) 10px,
        rgba(255, 154, 0, 1) 11px,
        rgba(208, 222, 33, 1) 12px,
        rgba(79, 220, 74, 1) 13px,
        rgba(63, 218, 216, 1) 14px,
        rgba(47, 201, 226, 1) 15px,
        rgba(28, 127, 238, 1) 16px,
        rgba(95, 21, 242, 1) 17px,
        rgba(186, 12, 248, 1) 18px,
        rgba(251, 7, 217, 1) 19px,
        rgba(255, 0, 0, 1) 20px
 
  ),
linear-gradient(
        45deg,
        rgba(255, 0, 0, 1) 0%,
        rgba(255, 154, 0, 1) 10%,
        rgba(208, 222, 33, 1) 20%,
        rgba(79, 220, 74, 1) 30%,
        rgba(63, 218, 216, 1) 40%,
        rgba(47, 201, 226, 1) 50%,
        rgba(28, 127, 238, 1) 60%,
        rgba(95, 21, 242, 1) 70%,
        rgba(186, 12, 248, 1) 80%,
        rgba(251, 7, 217, 1) 90%,
        rgba(255, 0, 0, 1) 100%
    );
}

<div class = 'stripe'><h1>.</h1></div>

但这不起作用，因为它一遍又一遍地重复。我如何让模式继续并在整个条柱上展开？注意：如果不将度数更改为负数，它看起来是一样的，所以我希望叠加层为 -45。