Sam124

Thanks mate - that has worked now.

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

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

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