Jquery 在动画链中重新调整过渡速度

下面的代码（1）将图像向下向左移动，（2）将其旋转180度，（3）然后在屏幕上向右爆破

请注意，当对象旋转时，动画过渡速度会减慢，因此它看起来是在旋转，而不仅仅是翻转

问题是，这会导致动画的第三部分也变得非常缓慢。。。不再是一个爆炸，更像是一个摩西

$('.moving_image').delay(7000).animate({
    'left' : '18%',
    'top' : '55%',
    'width': '5vw'
},5500,function(){
        $('.moving_image').css({'transform':'rotateY(180deg)','transition-duration':'2s'});
        $('.moving_image').delay(2000).css({'transition-duration':'0s'}).animate({
            'left' : '101%',
            'top'  : '50%',
            'width': '15vw'
        },200,'easeInExpo')
});

请注意，添加以下代码段后，第7行中重新调整动画速度的尝试失败：

.delay(2000).css({'transition-duration':'0s'})

---

遗憾的是，它只是否定了先前的

2s

减速。

您可以使用附加的

动画

功能来更改

过渡持续时间

：

顺便说一句，我真的很推荐这样的动画