Fatal编程技术网
  • javascript/
  • 使用css3或javascript设置webkit渐变动画的方法？

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

javascript jquery css

使用css3或javascript设置webkit渐变动画的方法？,javascript,jquery,css,webkit,Javascript,Jquery,Css,Webkit,基本上，我已经建立了一个CSS3梯度，并想过渡其颜色之一，以更大的悬停，但我不知道如何实现这一点 现在我的小提琴在悬停时有点疯狂，然后将大小调整到正确的大小，我希望过渡更加平滑，蓝色区域只是在增长，而不是从页面上飞出。如果有人能提供一些建议，那就太好了 Fiddle:您不需要转换背景位置，在这种情况下，只需转换背景大小——如下所示 为什么要使用古老的webkit语法？看 另外，您可以检查一下我刚才做的这个。嘿，这太棒了，我如何才能使这个平滑过渡回原来的大小？此时它只是跳回？您还需要在.outer

基本上，我已经建立了一个CSS3梯度，并想过渡其颜色之一，以更大的悬停，但我不知道如何实现这一点

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

Fiddle:

您不需要转换
背景位置
，在这种情况下，只需转换
背景大小
——如下所示

为什么要使用古老的webkit语法？看

另外，您可以检查一下我刚才做的这个。

嘿，这太棒了，我如何才能使这个平滑过渡回原来的大小？此时它只是跳回？您还需要在
.outer上显式设置
背景大小
，然后再在
-请参阅