是否可以在CSS3中为渐变不透明设置动画效果？

可能重复：
CSS3 animation with gradients 是否可以在CSS3中为渐变不透明设置动画效果？

我有一个径向渐变的元素，代码如下：

background: radial-gradient(center, ellipse cover, rgba(255,255,255,0.65) 0%,rgba(255,255,255,0) 100%);

我想使从不可见变为可见的过渡，我相信这可以通过改变第一个rgba值的alpha值来完成。我只是不知道语法应该如何。或者，这甚至可能在CSS3？

http://stackoverflow.com/questions/5654510/css3-animation-with-gradients – Aaron 2012-02-17 21:01:19

渐变色在任何浏览器中都不具有动画/可转换性，尽管规范说明它们应该是。

为了获得这种效果，你需要的是转变一个独立的“不透明度”属性添加从0到1

2012-02-18 00:15:32

谢谢你为你的答案:-)我把梯度：在伪元素之前，然后改变它的不透明度，如你所说。它在FireFox中工作，但由于某种原因没有在Chrome中工作。不知道这是因为它是伪元素还是什么 - 但这是一个完整的另一个问题，当我有时间时，我将不得不看一看。 – 2012-02-20 08:39:51

有一大堆伪元素的错误。似乎有一堆CSS效果无法正常使用它们。我会建议将转换放在父元素上而不是直接放在伪元素上（或者将伪元素包装在div或跨度中并转换） – 2012-02-20 17:35:38

感谢您的建议，我会试试这个。 – 2012-02-21 11:41:56

回答