缩小背景图像jquery动画

Question

我正在尝试缩小效果，问题是过渡看起来不平滑，因为我必须同时更改背景尺寸，同时还要更改背景图像的位置以使其变大可见区域。这是我的代码。

 $("#annimatedBanner").animate({
              'background-position-x': '0',
              'background-position-y': '0',
              "background-size": "-=60px", 
}, 4000,"swing");

我想为宽度和高度添加“ background-size”，这可能吗？ 这些是图片的初始CSS

#annimatedBanner
    {
      position: absolute;
      width: 300px;
      height: 250px;
      background:  url(img/background.png) no-repeat top ;
      background-size: 360px 291px;
      background-position: 0px -50px;
      overflow: hidden;
    }