[Animation stops on window resize.]

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 : )

[Animation stops on window resize.]

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

[How do I make animation responsive?]

11 hours ago, ZachSaucier said:

c

 

11 hours ago, ZachSaucier said:

Hey Passionate and welcome.

 

There are several ways you could set this up. One way is to invalidate your tween and then play it again on resize. Make sure to use a functional value for properties you want to refresh though.

 

 

 

We highly recommend using CodePen to host demos over W3Schools because CodePen is much easier to customize and for the code. We also recommend using other learning resources over W3Schools because W3Schools at times has incorrect or outdated information.

Thanks!

[How do I make animation responsive?]

I'm trying to make animation responsive upon screen resize. I tried THIS but didn't work. 

 

How can I make element go from 0 to 100 of screen size all the time?