堆栈渐变在-webkit-gradient中

时间:2010-10-04 02:32:49

标签: css webkit gradient linear-gradients radial-gradients

我可以将3个渐变组合成一个-webkit-gradient吗?我想要一个具有“背景”和“中间地面”的径向渐变的图像和“前景”的线性渐变。这可能吗?

1 个答案:

答案 0 :(得分:1)

是的,有可能。使用三个重叠元素(divs与其他元素一样好),每个元素分别用于背景,中间和前景。使用transparent作为底层颜色为每个渐变设置样式,其他渐变颜色将显示出来。


编辑:这是一个双层版本,可以帮助您入门:http://jsbin.com/awali (需要Webkit浏览器)