是否可以在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

回答