WebKit 引入了创建 CSS 渐变的功能。例如,使用以下代码:
-webkit-gradient(linear, left top, left bottom, from(#fff), to(#000));
但是,是否可以使用 CSS 实现不透明度渐变?我希望渐变一侧为单色,另一侧渐变至零不透明度。
跨浏览器兼容性并不重要;重要的是。我只需要它在 Google Chrome 中工作即可。
有没有办法使用 CSS 来做到这一点?如果没有,可以使用 JavaScript(而不是 jQuery)完成类似的事情吗?
感谢您的帮助。
Yes
对于颜色,使用 rgba(x, y, z, o),其中 o 是不透明度
应该管用
e.g.
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 1)), to(rgba(0, 0, 0, 0)));
Edit:对于最终值(不透明度),1 表示不透明,0 表示透明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)