CSS3白色至透明渐变色

我使用CSS3和RGBA创建白色到透明的渐变：

div{
背景图像：-moz线性渐变（左，rgba（255，255，255，1），rgba（0，0，0，0））；
背景图像：-ms线性渐变（左，rgba（255，255，255，1），rgba（0，0，0，0））；
背景图像：-webkit渐变（线性，0，100%0，从（rgba（255，255，255，1））到（rgba（0，0，0，0）））；
背景图像：-webkit线性渐变（左，rgba（255，255，255，1），rgba（0，0，0，0））；
背景图像：-o线性梯度（左，rgba（255，255，255，1），rgba（0，0，0，0））；
背景图像：线性渐变（左，rgba（255，255，255，1），rgba（0，0，0，0））；
背景重复：重复-x；
过滤器：progid:DXImageTransform.Microsoft.gradient（startColorstr='rgba（255，255，255，1）'、endColorstr='rgba（0，0，0，0）'、GradientType=1）；
填充：2rem0；
}

在这里拉小提琴：

但是，你会注意到，中间的坡度是暗的。我明白了：

我期待着：

---

如何纠正？

将最后一步更改为

#ffffff 00

（

rgba（255，255，255，0）

），而不是

#00000000

：

---

最终颜色应为白色、透明，而不是黑色透明

而不是

rgba(0, 0, 0, 0)

结束于

rgba (255, 255, 255, 0)

---

如果其他人在渐变或获得某个方面（角度、透明度等）时遇到问题，我建议尝试使用此工具了解更多信息：下面的代码是它可以做的示例。透明度由顶部正方形控制，下部为颜色。它可以让你不断地加入更多的颜色。它具有良好的向后可比性以及一些预设。

`div{
背景：-moz线性梯度（左，rgba（255255,1）0%，rgba（255255,58,0）100%）；/*FF3.6-15*/
背景：-webkit线性梯度（左，rgba（255255,1）0%，rgba（255255,58,0）100%）；/*Chrome10-25，Safari5.1-6*/
背景：线性梯度（向右，rgba（255255,1）0%，rgba（255255,58,0）100%）；/*W3C，IE10+，FF16+，Chrome26+，Opera12+，Safari7+*/
过滤器：progid:DXImageTransform.Microsoft.gradient（startColorstr='#ffffff'，endColorstr='#00ffff3a'，GradientType=1）；/*IE6-9*/
背景重复：重复-x；
填充：2rem0；
}`

div{
     background-color:#ffffff;
     filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#ffffff,       endColorstr=#ffff01);
     background-image:-moz-linear-gradient(left top, #ffffff 0%, #ffff01 100%);
     background-image:-webkit-linear-gradient(left top, #ffffff 0%, #ffff01 100%);
     background-image:-ms-linear-gradient(left top, #ffffff 0%, #ffff01 100%);
     background-image:linear-gradient(left top, #ffffff 0%, #ffff01 100%);
     background-image:-o-linear-gradient(left top, #ffffff 0%, #ffff01 100%);
     background-image:-webkit-gradient(linear, left top, right bottom, color-stop(0%,#ffffff),        color-stop(100%,#ffff01));
}