微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

你可以使用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.jb51.cc/css/219896.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。