Animation stops on window resize.

[Passionate]

Adding onto my previsous question on responsive animation. After adding rotate  property, now it stops completely on window resize. What's causing this? and how can I fix this? Thanks.

 

 @ZachSaucier 

See the Pen vYKGowW by kevinmnm (@kevinmnm) on CodePen

[ZachSaucier]

It's not because of the rotation. It's because you switched the .to() to a .from() so when you set the progress to 0 (which is the from position) then effectively call another .from() animation the end values and start values are the same. So it looks like nothing is happening. If you're going to use a .from() with this method you should set the progress to 1 instead on resize. Something like this:

See the Pen VwjjZZM?editors=0010 by GreenSock (@GreenSock) on CodePen

[Passionate]

40 minutes ago, ZachSaucier said:

It's not because of the rotation. It's because you switched the .to() to a .from() so when you set the progress to 0 (which is the from position) then effectively call another .from() animation the end values and start values are the same. So it looks like nothing is happening. If you're going to use a .from() with this method you should set the progress to 1 instead on resize. Something like this:

 

 

I see, thx : )