CSS渐变透明度（非背景）

Question

6

我知道如何创建带有 alpha 的渐变背景，但是我想要的是元素具有渐变不透明度。我想要的是让我的 div 和它的所有子元素都应用不透明度渐变。

有什么办法可以做到这一点吗？我只需要在 webkit 中实现它，因为这是一个内部项目。

- user1198665

什么是渐变不透明度？你能提供一个例子吗？ - elclanrs

2个回答

2

最简单的方法是将其制作成PNG格式。或者使用webkit遮罩！

- james2doyle

谢谢！这可能是答案。 - user1198665

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- pycoder112358 · Accepted Answer

创建一个渐变背景，使用rgba颜色。最后一个数值指定不透明度，1.0表示完全不透明，0.0表示完全透明。

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(100%,rgba(125,185,232,0)));

上面是一个从蓝色到透明的渐变。