使用css3或javascript动画webkit渐变的方法？

Question

基本上我已经设置了一个CSS3渐变，并希望在悬停时将其中一种颜色转换为更大，但我不确定如何实现这一点。

此刻我的小提琴在悬停时有点疯狂，然后将尺寸调整到正确尺寸，我宁愿过渡更顺畅，蓝色区域只是增长而不是飞离页面。如果有人能提供一些很棒的建议。

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

Answer 1

您不需要转换background-position，只需转换此情况下的background-size - 就像这样http://jsfiddle.net/VQaGh/4/

为什么使用古老的webkit语法？请参阅proper syntax。

另外，您可以查看我之前做过的animated gradients demo。