我想让一个图像(背景图像)淡化为透明,以便实际上可以看到它背后的内容(几乎没有,这要归功于透明度)。
我可以用PNG图像显然实现它,但是每次我想更改开始=>停止透明度点时,我都需要要求我的图形设计师更改图像(也许我想要更多颜色,或者我想要更少的颜色等等透明度)。
我有没有机会用 CSS3 达到同样的效果?我尝试在 jpg(和 png)上对透明应用渐变,但我无法看穿它,除非 PNG 已经完成了透明度(基本上是渐变)(这使得 css 渐变无用)。
有什么建议吗?我正在通过网络努力挖掘,但似乎我没有使用正确的关键字,或者这可能是不可能的。
更新1:
代码说了很多话,我想做这样的事情(但语法显然是错误的):
background: linear-gradient(to bottom, rgba(url('splash_bottom3.png'), 0.0), rgba(url('splash_bottom3.png'), 1.0));