【发布时间】:2011-04-20 15:09:13
【问题描述】:
我可以将 3 个渐变组合成一个 -webkit-gradient 吗?我想要一个图像,其“背景”和“中景”具有径向渐变,“前景”具有线性渐变。这可能吗?
【问题讨论】:
标签: css webkit gradient linear-gradients radial-gradients
我可以将 3 个渐变组合成一个 -webkit-gradient 吗?我想要一个图像,其“背景”和“中景”具有径向渐变,“前景”具有线性渐变。这可能吗?
【问题讨论】:
标签: css webkit gradient linear-gradients radial-gradients
是的,这是可能的。使用三个重叠的元素(divs 和其他元素一样好),每个用于背景、中间和前景。使用transparent 作为基础颜色,为每一个设置自己的渐变样式,其他的将显示出来。
编辑:这是一个两层版本,应该可以帮助您入门:http://jsbin.com/awali(需要 Webkit 浏览器)
【讨论】: