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

Question

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

此刻我的小提琴在悬停时有点疯狂，然后将尺寸调整到正确的尺寸，我宁愿过渡更加平滑，蓝色区域刚刚增长而不是飞离页面。如果有人能提供一些建议，那就太好了。

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

Answer 1

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

你为什么要使用古老的 webkit 语法？请参阅正确的语法。

此外，您可以查看我不久前做的这个动画渐变演示。