css - 你可以在 div 中淡化渐变吗？

Question

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

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

我知道如何单独进行渐变，但如果可能的话，我不知道如何将 1 渐变淡入另一个渐变。如果不可能，有没有办法实现这种效果？我正在考虑将两个 div 堆叠在一起，每个 div 都有不同的渐变，并让顶部的 div 水平淡出，但我又不确定如何做到这一点。

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

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

谢谢

Answer 1

我刚刚回答了一个类似的问题，请参阅此处了解如何进行多重渐变的示例:

Question about a specific gradient with css3