Css 重复线性渐变中的百分比实际上是如何工作的？

嗨

我试图复制这种模式：但我不明白百分比是如何工作的。我尝试了很多组合，这是我能得到的最接近的组合：

 background:repeating-linear-gradient(#fafafa 0%, #e9e6d6 100%) repeat 0% 0%;

但还不完全是这样。颜色的数量都错了，我还是不懂逻辑。代码中的百分比到底是什么意思

---

谢谢。

百分比是颜色停止点，用于声明颜色开始的位置。但是，如果在相同的百分比下有两个颜色停止，则过渡是即时的

对于首颜色和结束颜色不需要百分比的原因：

请注意，第一个和最后一个颜色停止不指定位置；因此，0%和100%的值将分别自动分配给第一个和最后一个颜色

请尝试以下代码：

正文{
高度：100vh；
背景色：红色；
背景图像：
线性梯度(
向右，/*线性渐变的方向*/
#181817，/*初始颜色*/
#181817 45%，/*立即过渡到#FAFA*/
#FAFA 45%，/*立即过渡到#FAFA*/
#FAFA 55%，/*立即过渡到#181817*/
#181817 55%/*立即过渡到#181817*/
);
}

我已经知道那篇文章，但我还不太明白。在你的例子中，为什么第一种颜色没有得到任何百分比？它可以省略，因为它意味着初始颜色从0%开始。在本例中，

181817

相当于

181817 0%

。如果这样编辑它，您将看到相同的结果。如果最后一种颜色没有百分比，也会出现这种情况。假设它位于末尾或100%。它可以是像素而不是百分比吗？是的。它可以是一个百分比或任何值。我想我现在有点明白了。非常感谢。