2013-10-22 49 views
0

我被困在這裏。將css動畫轉換成jquery

如何我改變這個:到jQuery的動畫

-webkit-transition:all 0.66s ease-out; 
-moz-transition:all 0.66s ease-out; 
-ms-transition:all 0.66s ease-out; 
-o-transition:all 0.66s ease-out; 
transition:all 0.66s ease-out; 


我正在使用這個腳本,使用Packery/Masonry製作一個「onload」動畫,所有項目都從左上角緩動到他們的位置。
不幸的是,當您調整瀏覽器大小時,此css3轉換會導致與打包腳本發生搖晃。解決方案將是使用jQuery動畫。

任何想法?

回答

2

不幸的是,當您調整瀏覽器大小時,此css3過渡會導致與打包腳本發生搖晃。 解決方案是使用jQuery動畫。

或者刪除在初始轉換髮生後添加轉換的類。

+0

這是一個更好的解決方案!我會試試看! – Marek123

+0

你知道如何延遲清除嗎? – Marek123

+0

找到了!謝謝! – Marek123

0

嘗試:

$('#element').animate({top : 200, left: 200}, 660); 

使相對或絕對肯定#element有位置。

希望有幫助。