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        );
    }