2016-04-23 96 views
0

我想动画缩放和旋转的元素(其工作),但缩放动画是完成旋转前完成的方式。 div在大约300ms后进行缩放动画时保持旋转。 我还没有找到一种语法,其中可以指定单独属性的持续时间(我认为持续时间应该是所有指定的属性)。 下面的代码,任何提示的赞赏:velocity.js持续时间不同时动画两个属性

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

回答

0

技术上,动画不会在300ms的结束,它只是春天宽松使它看起来像。动画中的第二个弹簧宽松功能不会有太多动作。尝试春天与其他一些参数宽松,如:

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

还要注意的是速度似乎处理0值作为未定义的参数,所以我用0.001代替。 (它只会在后续动画上产生差异)

+0

啊是的,好像春天放松并不在乎持续时间多。我刚刚改变了规模的缓解,以缓解InOut。谢谢! – Darklight

相关问题