【问题标题】:can you fade gradients in divs?你可以在 div 中淡化渐变吗?
【发布时间】:2011-10-16 18:25:26
【问题描述】:

我很好奇是否可以在 css3 中的 div 内从一个渐变淡化到另一个渐变?我希望能够让一个渐变开始在 div 背景中心周围淡入另一个渐变。

(例如,像这里的淡入淡出http://garyoak.com/images/fade.png

我知道如何单独进行渐变,但如果可能的话,我不知道如何将 1 个渐变渐变为另一个渐变。如果不可能,有没有办法达到这个效果?我正在考虑将两个 div 堆叠在一起,每个 div 都以不同的渐变为背景,并让顶部的一个水平淡化,但我再次不确定如何做到这一点。

我可以将渐变组合成一个单一的水平渐变,但是我已经定义了所有的单一颜色渐变,并且将它们正确组合在一起需要相当长的时间,特别是如果我决定更改其中一个渐变。我基本上只是想避免必须定义和更新单独的渐变以将两个现有渐变淡化在一起。

如果有人可以帮助我/向我指出适当的资源来解决这个问题,我将不胜感激。

谢谢

【问题讨论】:

标签: css


【解决方案1】:

我刚刚回答了一个类似的问题,这里有一个如何做多个渐变的例子:

Question about a specific gradient with css3

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2011-10-25
    • 2014-01-06
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-03-18
    • 2022-07-22
    相关资源
    最近更新 更多