使用css3或javascript動畫webkit漸變的方法？

Question

基本上我已經設置了一個CSS3漸變，並希望在懸停時將其中一種顏色轉換為更大，但我不確定如何實現這一點。

我的小提琴現在有點瘋狂，然后將大小調整到正確的大小，我寧願過渡更順暢，藍色區域只是增長而不是飛離頁面。 如果有人能提供一些很棒的建議。

小提琴： http ： //jsfiddle.net/VQaGh/2/

Answer 1

你不需要轉換background-position ，只需要轉換background-position background-size - 就像這樣http://jsfiddle.net/VQaGh/4/

為什么你使用古老的webkit語法？ 查看正確的語法 。

此外，您可以檢查我之前做過的動畫漸變演示 。