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

前端之家收集整理的这篇文章主要介绍了你可以使用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是透明的

原文链接:https://www.f2er.com/css/219896.html

猜你在找的CSS相关文章