我有为椭圆设置动画的代码,但有时这个动画运行不流畅。我为此使用 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 中。