[GSAP IMAGE Animation]

@Cassie thanks a lot 

[GSAP IMAGE Animation]

@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

[GSAP IMAGE Animation]

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?

[As you scroll, images come slowly from the cross of the screen]

 @mvaneijgen  Hi.Hello, I shared my html and css codes in codepen.  

See the Pen abRXZLP by mustafasatiroglu (@mustafasatiroglu) on CodePen

 

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

 

[As you scroll, images come slowly from the cross of the screen]

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

[The images gradually enlarge and fade away towards the right and left corners as you scroll.]

"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"

[Add Class or Remove Class menu navigation elements on Horizontal Scroll]

@Rodrigo thank you very much

[Add Class or Remove Class menu navigation elements on Horizontal Scroll]

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.

 

 

See the Pen LYdwmQq by mustafasatiroglu (@mustafasatiroglu) on CodePen

[Next or Prev button and go to section]

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

[Next or Prev button and go to section]

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.

 

See the Pen LYdwmQq by mustafasatiroglu (@mustafasatiroglu) on CodePen

[Next or Prev button and go to section]

@GreenSock thank you very much my friend

[Next or Prev button and go to section]

@Cassie  Hi everyone. I have a problem (

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

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

[I want to scroll the content horizontally instead of vertically]

 thanks @Cassie

 

yes i am just learning. I solved this problem. I would have another question. In the example (

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

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

[I want to scroll the content horizontally instead of vertically]

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?

See the Pen 597a468071d4dce3f7bf0ce80d6cb8d3 by michellebarker (@michellebarker) on CodePen