将css动画转换为jquery

时间:2013-10-22 12:05:17

标签: javascript jquery css css3 packery

我被困在这里。

如何改变这个:

 -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; 

进入jQuery动画?
我正在使用这个脚本,使用Packery / Masonry制作一个“onload”动画,所有项目从左上角到其位置都很容易。
不幸的是,当您调整浏览器大小时,此css3转换会导致包装脚本发生抖动。解决方案是使用jquery动画。

有什么想法吗?

2 个答案:

答案 0 :(得分:2)

  

不幸的是,当您调整浏览器大小时,此css3转换会导致包装脚本发生抖动。 解决方案是使用jquery动画。

或者在初始转换发生后删除添加转换的类。

答案 1 :(得分:0)

尝试:

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

确保#element的位置相对或绝对。

希望有所帮助。