重复线性梯度的百分比如何实际起作用？

Question

您好，

我正在尝试重现这种模式：http://imgur.com/dqBe7TX但我不明白百分比是如何工作的。我尝试了很多组合，这是我能得到的最接近的组合：

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

但还没到那里。 acolor数量都是错误的，我仍然不理解逻辑。代码中的百分比究竟是什么意思？

谢谢。

Answer 1

百分比是颜色停止，表示颜色开始的位置。但是，如果您以相同的百分比有两个色标，则转换是即时的。 Here's a pretty good article on CSS3 gradients

为什么初始颜色和结束颜色不需要百分比：

  

请注意，第一个和最后一个颜色停止不指定位置;因此，0％和100％的值分别自动分配给第一种和最后一种颜色。 MDN

试试以下代码：

＆＃13;

＆＃13;

for (Food f : foods)
{
    if (f instanceof Burger)
    {
        Meat m = ((Burger)foods[0]).getMeat(); 
        // other Burger-related processing
    }
    else if (f instanceof ...someothersubclass)
    {
         ...

＆＃13;

＆＃13;

＆＃13;