如何在Firefox中平滑地动画椭圆形缩放?

时间:2013-08-23 02:34:53

标签: jquery css firefox animation jquery-animate

我有动画椭圆动画的代码,但有时这个动画不能流畅。我使用jQuery transit插件来轻松动画css3 here

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中。

0 个答案:

没有答案