jquery - 如何在 Firefox 中平滑地为椭圆中的比例设置动画？

Question

我有为椭圆设置动画的代码，但有时这个动画运行不流畅。我为此使用 jQuery 传输插件来轻松地为 css3 设置动画

function scaleAnim(id){
        $(id).transition({ scale: "+=0.3" }, 300, 'easeOutCubic', function(){ 
            $(id).transition({ scale: "-=0.2" }, 300, 'easeOutCubic', function(){                   
                $(id).transition({ scale: "+=0.2" }, 300, 'easeOutCubic', function(){ 
                    $(id).transition({ scale: "-=0.3" }, 1500, 'easeOutCubic', function(){
                        scaleAnim(id);
                    });
                });
            });
        });
    }
    $(document).ready(function(){
        scaleAnim("#waiting_ellipse");
    });

<img id="waiting_ellipse" src="Images/Ellipse.png" style="width:150px; height:150px;" alt="" />

请帮忙，为什么运行不流畅？？

更新 这里使用在线测试：测试

这个问题只发生在 Firefox 中。