Jquery 如何获得更平滑的背景大小动画？

我有以下代码：-

HTML

<div id="wrapper">
  <span id="pb-stars"></span>
</div>

jQuery

jQuery('#pb-stars').animate({
    'background-size': '110%'
}, 28000);

---

我的问题是，动画有点“不稳定”，有没有办法让动画运行得更平滑？

要获得更平滑的动画，必须减少执行时间，因为jquery执行线性动画，并用所需的所有时间来完成一件事。

---

我把它放在5000左右，效果很好

将缓和设置为“线性”，如下所示：

---

我会将其设置为5000，但动画运行得太快了。谢谢，这有点帮助，使用

transform:translate3d（0，-110%，0）会使它变得更平滑吗？
jQuery('#pb-stars').animate({
    'background-size': '110%'
}, 28000);

jQuery('#pb-stars').animate({
    'background-size': '110%'
}, 28000, 'linear');