[Animation stopped working, "to" is working but "from" doean't work]

Thanks mate - that has worked now.

[Animation stopped working, "to" is working but "from" doean't work]

The animation code is working fine on codepan but not in my local or on the website, I also checked for console errors/warning but nothing there.

Already tried changing js versions but no luck.

 

It was all working fine but suddenly stopped working without err.

It only works in local if I change script to " gsap.to(masks[1], {" but I need " gsap.from(masks[1], {"

index.html

See the Pen bGorORj by jalakdhml (@jalakdhml) on CodePen

[Chnage how animation is being triggered based on scroll direction of mouse]

Hi @OSUblake, Thank you so much for your help. Exactly what I was looking for.

[Chnage how animation is being triggered based on scroll direction of mouse]

Hi there, in the codepen url, the animation is what I was looking for but would like to change how animation is being triggered. For instance, on scrolling down of mouse the currently the second image is being revealed slowly and on scrolling upwards the it gets back to its initial first image slowly. So, is there a way to reverse/change  what is happening on scroll downwards at the moment  to scroll upwards and vice versa. So, the animation would remain same but the direction of scrolling of the mouse would change (would like to have what is happening currently on scroll down of mouse to happen on scroll up and what is happening on scroll up of the mouse to happen on scroll down of mouse).

See the Pen XWMPLQg by GreenSock (@GreenSock) on CodePen