你可以使用CSS或JavaScript创建渐变为不透明的渐变吗?

WebKit引入了创建CSS渐变的能力。例如,使用以下代码
-webkit-gradient(linear,left top,left bottom,from(#fff),to(#000));

但是,是否可以使用CSS使用不透明度渐变?我希望渐变是一边的单一颜色,而另一边渐变为零。

跨浏览器兼容性并不重要;我只需要它在谷歌浏览器工作。

有没有办法使用CSS?如果没有,可以使用JavaScript(而不是jQuery)做类似的事情吗?

谢谢你的帮助。

解决方法

对于颜色,使用rgba(x,y,z,o)其中o是不透明度

应该工作

例如

background-image: -webkit-gradient(linear,from(rgba(255,255,1)),to(rgba(0,0)));

编辑:对于最终值(不透明度)1是不透明的, 0是透明的

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效