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

Question

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

我现在的 fiddle 在悬停时有点疯狂，然后将尺寸调整到正确的尺寸，我希望过渡更平滑，蓝色区域只是增长而不是飞出页面。如果有人可以提供一些建议，那就太好了。

fiddle :http://jsfiddle.net/VQaGh/2/

Answer 1

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

为什么要使用古老的 webkit 语法？参见 proper syntax .

此外，您可以查看此 animated gradients demo我刚才做过。