CSS渐变不透明度(不是背景)

时间:2012-02-09 02:26:04

标签: html css webkit gradient

我知道如何使用alpha创建渐变背景,但我想要的是让我的元素具有渐变不透明度。我正在寻找的是让我的div及其所有孩子都应用不透明度渐变。

有什么办法吗?我只需要它在webkit中工作,因为它只是一个内部项目。

2 个答案:

答案 0 :(得分:5)

制作渐变背景,但使用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)));

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

答案 1 :(得分:2)

最简单的方法是让它成为PNG。或者使用webkit掩码!

http://css-tricks.com/webkit-image-wipes/