Transform css animations to jquery

Question

I'm stuck here.

How to I transform this:

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

into jQuery animations?
I'm using this script, to make an "onload" animation using Packery/Masonry that all items ease from the upper left corner to their positions.
Unforunately this css3 transition is causing a shaking with the packery script when you resize the browser. A solution would be to use jquery animations.

Any ideas?

score 2 · Answer 1 · answered Oct 22 '13 at 12:06

2

Unforunately this css3 transition is causing a shaking with the packery script when you resize the browser. ~~A solution would be to use jquery animations.~~

Or remove the class that adds the transitions after the initial transitions took place.

answered Oct 22 '13 at 12:06

Halcyon

57,230
10
89
128

This is a even better solution! I will try that out! – Marek123 Oct 22 '13 at 12:09
Do you know how to delay the removal? – Marek123 Oct 22 '13 at 12:29

score 0 · Answer 2 · answered Oct 22 '13 at 12:07

0

try:

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

make sure #element has position relative OR absolute.

hope that helps.

answered Oct 22 '13 at 12:07

geevee

5,411
5
30
48

Transform css animations to jquery

2 Answers2