Javascript ie9上此css3动画的jQuery回退

我将animate.css用于css3动画，但ie9和更早版本不支持css3动画

我在此页面的所有按钮中使用脉冲动画：

我一直在尝试用Modernizer做一个jQuery回退：

if(!Modernizr.cssanimations) {
    $('.btn').hover(
        function() {
            $(this).animate({
                padding:'15px 30px'
              }, 500)
        },
        function() {
            $(this).animate({
                padding:'10px 20px'
              }, 500)
        }
    );
}

---

我没有成功。有人知道如何使用jQuery实现这个效果吗？

看看这个例子

剧本的作者将获得学分

HTML

jQuery

---

你在找类似的东西吗？是的，但是如果我不需要插件就可以做的更好。谢谢，如果我找不到其他方法，我会使用它。jquery没有缩放元素的方法吗？如果你想获得与页面上相同的动画效果，你必须同时设置按钮的宽度、高度、左边距、边距顶部属性的动画，这样用户就可以按比例增加按钮的效果。

<img src="http://healingaia.com/img/nb-petal-detox.png" />
<img src="http://healingaia.com/img/nb-petal-detox.png" />
<img src="http://healingaia.com/img/nb-petal-detox.png" />
<img src="http://healingaia.com/img/nb-petal-detox.png" />

body {overflow:hidden;}

img {
 display:block;
 margin:10px auto 0px;
 position:relative;    
}

$(function() {
    $('img').hover(function() {
        $(this).stop().animate({
            width:'472px',
            height:'246px',
            marginTop:'-118px',
            bottom:'-59px',
        }, 1000, "easeOutBack");
    }, function() {
        $(this).stop().animate({
            width:'236px',
            height:'123px',
            marginTop:'0px',
            bottom:'0px'
        }, 700, "easeOutBounce");
    });
});