当动画两个属性时，velocity.js持续时间不同

Question

我正在尝试动画元素的缩放和旋转（有效），但缩放动画在旋转完成之前完成。 div在大约300ms后完成缩放动画时保持旋转。 我还没有找到一种语法，可以指定单独属性的持续时间（我认为持续时间应该适用于所有指定的属性）。 这是代码，任何提示赞赏：

$('#el').velocity({
   rotateZ:[ 1440, 'easeInOut', 0 ],
   scale:[ 1, 'spring', 0 ]
},{
    duration:1000
});

Answer 1

从技术上讲，动画并不是以300毫秒结束，只是弹簧宽松使其看起来像。弹簧缓和功能在动画的第二阶段并没有太大的移动。尝试使用其他一些参数进行spring缓动，例如：

$('#el').velocity({
  rotateZ:[ 360, 'easeInOut', 0.001 ],
  scale:[ 1, [20,0.2], 0.001 ]
},{
  duration:1000
});

另请注意，velocity似乎将0值作为未定义的参数处理，因此我使用0.001代替。 （它只对随后的动画产生影响）