clipPath problem

[brentlok]

Hi, I have this problem:

 

When I navigate from start page to about page the animation work perfectly, but when I navigate back ( from about to start ) the animation isn't working.

 

Why?

See the Pen ZEGxwzQ by Brentlok (@Brentlok) on CodePen

[OSUblake]

JavaScript isn't CSS. With string interpolation, you need to make sure that the only differences are numbers. Everything else should match, so you need to have vw next to your 0.

TweenMax.to(BackgroundToAnimate[0], time, {clipPath:"polygon(100vw 0, 100vw 0, 100vw 100vh, 0vw 100vh)"});

 

See the Pen 7d49525ced44c61796e0ea0b016bc300 by osublake (@osublake) on CodePen

 

 

[brentlok]

Thanks for your reply!