你可以淡化div中的渐变吗?

时间:2011-07-31 03:01:46

标签: css css3

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

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

我知道如何单独进行渐变,但我不知道如果可能的话,如何将1个等级淡入另一个等级。如果不可能,有没有办法实现这个效果?我想把两个div叠加在一起,每个div都有不同的渐变,顶部有一个水平渐变,但我不知道怎么做。

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

如果有人可以帮助我/指出一个合适的资源来解决这个问题,我会很感激。

感谢

1 个答案:

答案 0 :(得分:1)

我刚刚回答了类似的问题,请点击此处查看如何进行多个渐变的示例:

Question about a specific gradient with css3