相关疑难解决方法(0)

使用线性渐变在 CSS 中创建彩虹很容易。

#grad1 {
  height: 200px;
  background: linear-gradient(45deg, red, orange, yellow, green, blue, indigo, violet, red);
}

<div id="grad1"></div>

但是看看吧！这种渐变在美学上是可怕的。它是条纹状的，端点相交处有难看的纯色条带，循环不太好，不光滑，当它们应该无缝融合时，颜色彼此形成鲜明对比。

简而言之：这是一个可怕的梯度。

我想找到完美的渐变。一种以光滑、光滑的方式包围彩虹的一种，一种不会留下任何明显的颠簸或视觉撕裂的。这个渐变是一条平滑的曲线，而不是一团乱麻。

这个梯度存在吗？