momo12

Thanks a lot man! I totally forgot to put them in a loop!

Hi Guys, I have an array of elements ... I want to change their links after gsap.to is running. I'm using this code but nothing happens. Is there anything wrong? var b = document.getElementById("dynamic-profiles").querySelectorAll("a.small-img-wr"); b[i].setAttribute("href", "https://youtube.com");

Thanks a lot!!!

Thanks for sharing this. I know. I'm just trying to learn more with different solutions to learn better GSAP.

Hello guys, A question. I'm trying to store the even and odd columns with the help of two values (evenRows and oddRows) but it's not working. Can someone please shed light on what I'm doing wrong?

For using Lenis, you don't need to use Scrollerproxy. Lenis is using the default values for telling browser how far you have scrolled. While Locomotive is hijacking your browser scroll and you need to use Scroller Proxy!

Hi, I have encountered a question. How can I animate even or odd Columns (Rows) with the help of the GSAP to library? P.S: I don't know how to target the imaginery columns! :)) I know the rest ...

Thanks a lot for your answer and solution!!!

Hi I have a list of similar items but 1- my code is not able to target each block individualy to change the mask scale. Can someone help me? 2- Is a way to fix the hover problems? I mean re-hover or something runs the animation twice! "play none none none" works here?

Guys I have a question. I have this timeline but the thing is it only runs: gsap.set(".mask-img-reveal",{transformOrigin: "bottom center", scaleY:0, opacity:"100"}); var tl = gsap.timeline({paused: true, onComplete:function(){tl.kill()}}); tl.to(".mask-img-reveal",{transformOrigin: "bottom center", scaleY:1, duration:1}) .to(".mask-img-reveal",{transformOrigin: "top center", scaleY:0, duration:1}); $( ".people-img" ).hover( function() { tl.play(); } ); I have no idea how I can make it run everytime the hover event happens.

Guys I have two buttons (Labels!) .... Everything is working but how I can run the code for each button? Currently, when I hover over one button --> Both buttons will get animated! I want to run the code for each button on hover.

I forgot to say Thank you for your solution! Thanks a lot!!

Sorry I mean how can I define this happens to 5 items at once (then we revert their opacity back to 1 and choose 5 other circles? Do you think Stagger would help?

@GreenSockrepeat will define the nunber of items? Why it stops? I need yoyo?

Hello guy, Can someone help me to understand what I must do to let green circle only moves within the red circle? I'm using GSAP. I know how to do it for a page I just don't know how it works for an element.

Guys I have a bunch of circle elements. I want to target 5 of them each time randomly (Their order must be random) and set their opacity to 0. This repeats forever! I have used Stagger but have no idea why it's not working!

Now it looks like this: https://codepen.io/emdesigner-or/pen/ZERzyYL

Thanks for your answer @GreenSock The footer element is not visible. I'm using the width and height of the scrollable section... But is there a js code to calculate that?

I just started learning Horizontal scrolling. Can someone guide me on what I must do to fix the horizontal section? Is is possible to use a value instead of number for the X and End? So, we don't need to calculate that manually! The footer is not visible in this example.

Thanks

Thanks a lot!

Guys a question. why the Onleave runs before even we scroll down?

Awesome! Could you please explain how this line works? @GreenSock textAnim && textAnim.progress(1);

Guys I have a question. I just started using GSAP SplitText and the thing is on resize there are some issues. I tried to use Revert() method but I don't understand how to use it.

Thank you @Rodrigo I used the wrap method to solve this. Yes, I didn't know SplitType doesn't belong to GSAP. I thought SplitType and Text are the same. With the SplitText I don't need to use the wrap method. The method I found works perfectly. But with SplitType I have to use the wrap method. thanks anyway!