【问题标题】:Stack gradients in -webkit-gradient在 -webkit-gradient 中堆叠渐变
【发布时间】:2011-04-20 15:09:13
【问题描述】:

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

【问题讨论】:

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


    【解决方案1】:

    是的,这是可能的。使用三个重叠的元素(divs 和其他元素一样好),每个用于背景、中间和前景。使用transparent 作为基础颜色,为每一个设置自己的渐变样式,其他的将显示出来。


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

    【讨论】:

    • 链接不正确。页面显示,"document.getElementById("hello").innerHTML = "此 URL 没有保存任何代码。";"
    • @Atlas:你是对的!抱歉链接断开了,我一定是复制错误了。不过现在已经修好了。
    猜你喜欢
    • 2023-03-16
    • 2011-05-28
    • 1970-01-01
    • 2019-02-17
    • 1970-01-01
    • 2015-07-21
    • 2023-03-08
    • 2018-04-17
    • 2012-06-26
    相关资源
    最近更新 更多