velocity.js持續時間不同時動畫兩個屬性

Question

我想動畫縮放和旋轉的元素（其工作），但縮放動畫是完成旋轉前完成的方式。 div在大約300ms後進行縮放動畫時保持旋轉。 我還沒有找到一種語法，其中可以指定單獨屬性的持續時間（我認爲持續時間應該是所有指定的屬性）。 下面的代碼，任何提示的讚賞：

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

Answer 1

技術上，動畫不會在300ms的結束，它只是春天寬鬆使它看起來像。動畫中的第二個彈簧寬鬆功能不會有太多動作。嘗試春天與其他一些參數寬鬆，如：

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

還要注意的是速度似乎處理0值作爲未定義的參數，所以我用0.001代替。 （它只會在後續動畫上產生差異）