Mustafa Şatıroğlu

@Cassie thanks a lot

@Cassie The link you posted looks like it's close to what you need. I'll work on it a little. If I run into any problems, I'll write back here. thanks a lot

Hello. I'm trying to implement the animation I shared the link of. I'm very new to gsap. There are 10 images side by side in a section. When there is a scroll and that section is active, I am trying to bring each image with animation as in this link How can I do it or is there a similar example link?

@mvaneijgen Hi.Hello, I shared my html and css codes in codepen. https://codepen.io/mustafasatiroglu/pen/abRXZLP thing I want to do. When scrolling, to bring the images in the 2nd section exactly as in this link https://youtu.be/TdF_FFbHXF8

Hello friends. I'm trying to create the animation in the YouTube link. There are 6 images. When the relevant section appears, these images will slowly come from the corners of the screen and settle. When scrolling back up, they will disappear in the same way. How can I achieve this? Do you have an example project, by any chance? I've done a lot of research, but I couldn't make it work

"Hello, friends. I have a project and they sent me a link. They want me to create an animation similar to the one in the provided link. In short, there are 4-5 nested images within a container. As you scroll, these images will gradually enlarge and fade away towards the right and left corners. Or is there a similar example available? I would like to demonstrate it with a video. The link is here: https://s2.dosya.tc/server24/4mctr6/WhatsApp_Video_2023-05-08_at_11.50.58.mp4.html"

@Rodrigo thank you very much

Hello everyone. I'm just learning gsap. It's really fun I have a problem. I am trying to add and remove classes in navigation menu items in scroll state. I want the active class to be added to the menu items that are above the scroll, and to remove the active class from the menu items unless there is a scroll. So let me give an example. Let's say the user went to Section 3. In this case, the active class will be added to the first 3 of the above menu items. In this case, let's say it went to section 2 by scrolling. This time, the active class will be added to the first 2 of the above menu items. I hope I was able to explain. I tried a lot, but I'm very new to gsap and couldn't do it.

@SteveS Hi my friend. I will do as you say. I'll open a thread on the gsap forum. Thanks

hello my friend. @GreenSock I made a few updates. I added the progress bar. Everything is going great so far. Gsap is really fun. ? I have one last question. I want the active class to be added to the menu items that are above the scroll, and to remove the active class from the menu items unless there is a scroll. So let me give an example. Let's say the user went to Section 3. In this case, the active class will be added to the first 3 of the above menu items. In this case, let's say it went to section 2 by scrolling. This time, the active class will be added to the first 2 of the above menu items. I hope I was able to explain. I tried a lot, but I'm very new to gsap and couldn't do it. https://codepen.io/mustafasatiroglu/pen/LYdwmQq

@GreenSock thank you very much my friend

@Cassie Hi everyone. I have a problem (https://codepen.io/GreenSock/pen/xxEQNBB) in the codepen link I sent below, I want to add prev and next buttons to each section field. And when I click these buttons, I want it to jump to the next or previous section field. Can you help with this?

thanks @Cassie yes i am just learning. I solved this problem. I would have another question. In the example (https://codepen.io/GreenSock/pen/xxEQNBB) in the codepen link I sent below, I want to add prev and next buttons to each section field. And when I click these buttons, I want it to jump to the next or previous section field. Can you help with this?

Hello everyone. I'm trying to make improvements on GSAP. I have an example of a timeline. Liked it very much. In the example I saw on the Codepen site, the content, that is, each section area, scrolls vertically. I want to scroll it horizontally with the mouse. I am posting the link example. In short, in the example above, what kind of changes do I need to make in the js code in order to scroll each section field horizontally, not vertically?