jquery - Firefoxで楕円のスケールをスムーズにアニメーション化する方法は?

Question

楕円をアニメーション化するコードがありますが、このアニメーション化がスムーズに実行されないことがあります。ここでcss3を簡単にアニメーション化するために、jQueryトランジットプラグインを使用します

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="" />

助けてください、スムーズに走れないのはなぜですか??

ここで更新 して、オンライン テストを使用します: Test

この問題は Firefox でのみ発生します。