CSS3透明度+渐变

Question

CSS3透明度+渐变

RGBA是非常有趣的，所以-webkit-gradient，-moz-gradient和呃... progid:DXImageTransform.Microsoft.gradient...是啊。:)

有没有办法将RGBA和渐变两者结合起来，这样就可以使用当前/最新的CSS规范来实现Alpha透明度的渐变。

Answer 1

这是一些非常酷的东西！我需要几乎相同，但水平渐变从白色到透明。它工作得很好！这是我的代码：.gradient{         /* webkit example */         background-image: -webkit-gradient(           linear, right top, left top, from(rgba(255, 255, 255, 1.0)),           to(rgba(255, 255, 255, 0))         );         /* mozilla example - FF3.6+ */         background-image: -moz-linear-gradient(           right center,           rgba(255, 255, 255, 1.0) 20%, rgba(255, 255, 255, 0) 95%         );         /* IE 5.5 - 7 */         filter: progid:DXImageTransform.Microsoft.gradient(           gradientType=1, startColor=0, endColorStr=#FFFFFF        );         /* IE8 uses -ms-filter for whatever reason... */         -ms-filter: progid:DXImageTransform.Microsoft.gradient(           gradientType=1, startColor=0, endColoStr=#FFFFFF        );     }