我很好奇,是否有可能在CSS3的div内从一个渐变淡入另一个渐变?我希望能够使一个渐变在div背景的中心周围逐渐淡入另一个渐变。
(例如,像这里http://garyoak.com/images/fade.png这样的淡入淡出)
我知道如何单独进行渐变,但是我不知道如何在可能的情况下将1 gradeint渐变为另一个。如果不可能,是否有办法实现这种效果?我当时正在考虑将两个div彼此堆叠,每个div具有不同的渐变并让顶部的div水平倾斜,但是我不确定该怎么做。
我可以将这些渐变组合成一个单一的水平渐变,但是我已经定义了所有的单色渐变,并且将它们正确地组合在一起需要相当多的时间,特别是如果我决定更改其中一个渐变时。我基本上只是想避免定义和更新单独的渐变以使两个现有渐变一起淡入淡出。
如果有人可以帮助我/为我指出一个合适的资源来解决这个问题,我将不胜感激。
谢谢
最佳答案
我刚刚回答了类似的问题,请参见此处的如何进行多个渐变的示例:
Question about a specific gradient with css3