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?

Halcyon · Accepted Answer · 2013-10-22 12:06:24Z

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, 2013 at 12:06

Halcyon

57.7k10 gold badges93 silver badges131 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Marek123 Over a year ago

This is a even better solution! I will try that out!

Marek123 Over a year ago

Do you know how to delay the removal?

geevee · Accepted Answer · 2013-10-22 12:07:31Z

0

try:

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

make sure #element has position relative OR absolute.

hope that helps.

answered Oct 22, 2013 at 12:07

geevee

5,4715 gold badges33 silver badges50 bronze badges

Collectives™ on Stack Overflow

Transform css animations to jquery

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related