Jquery 改变有阴影的图像的背景位置，使其产生轻松的效果，就像有人触摸了它一样

我有下面的场景，背景是一张纸，上面有阴影。在悬停时，我正在更改背景图像，其中没有阴影。但并没有真正达到那种效果

图像是

我的jquery代码是

$('.noticeBoard').mouseover(function() {
                $(this).css({'background-position':'0 -590px'});
            }).mouseout(function() {

                $(this).css({'background-position':'0 0'});
            }); 

任何帮助都将不胜感激

---

提前感谢

jQuery代码应该是：

$('.noticeBoard').mouseover(function() {
            $(this).css({'backgroundPosition':'0 -590px'});
        }).mouseout(function() {

            $(this).css({'backgroundPosition':'0 0'});
        }); 

---

你应该写为“背景位置”，而不是“背景位置”

我没有在css中使用动画方法，我们可以明确使用“背景位置”，如果你能回答我，解决方案会更好