css - 无法弄清楚这个旧的 webkit CSS3 渐变

Question

所以，我发现这个简洁的代码在 CSS3 中有一些渐变效果，但只使用了旧的 webkit 语法。

我试图让它在其他浏览器中工作，但我不知道如何将它转换为正确的语法。

这是代码：

background: -webkit-gradient(linear, left top, right top,
      color-stop(0%,rgba(221,221,221,1)),
      color-stop(50%,rgba(221,221,221,0.01)),
      color-stop(100%,rgba(221,221,221,1))
);

和：

background: -webkit-gradient(linear, left top, right bottom,
    color-stop(0%,rgba(0,0,0,.1)),
    color-stop(85%,rgba(255,255,255,0.01)),
    color-stop(100%,rgba(255,255,255,.35))
);

Answer 1

第一个是：

background-image: linear-gradient(left top,
                                  rgba(221,221,221,1) 0%,
                                  rgba(221,221,221,0.01) 50%,
                                  rgba(221,221,221,1) 100%
                                  );

我把第二个留给你做练习；）为了一点帮助：

规格

渐变工具