Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...
midnightgamer

How can I achieve following animation

Recommended Posts

On 10/1/2020 at 5:54 PM, mikel said:

Hey @midnightgamer,

 

Just another approach ...

 

 

 

 

Happy studying ...

Mikel

This is nice but I want text box in each section and each section should behave like current effect. I tried with your code and try to figure some way out but fail It would be great if you help me out here.

 Thanks

Link to comment
Share on other sites

Hey @midnightgamer,

 

Please show us your attempts in the CodePen.
Comment on your problems ...

 

Every attempt brings you further

Mikel

Link to comment
Share on other sites

15 minutes ago, mikel said:

Hey @midnightgamer,

 

Please show us your attempts in the CodePen.
Comment on your problems ...

 

Every attempt brings you further

Mikel

First I tried your solution It was working fine for first section others were behaving strange then I added one class to each section set trigger to that class yet It didn't work. Then I tried to use forEach with ScrollTrigger.Create  but I was not clear with concept so I skipped it. Lastly I duplicated same code 4 times and trigger each section by thier ID yet it didn't work. I don't have code as undo all the changes.

Link to comment
Share on other sites

Just now, mikel said:

Hey @midnightgamer,

 

Check this example. Any Questions ?

 

 

 

 

Happy tweening ...

Mikel

 

You any place where I can all these stuff. I am new in GSAP I want to learn GSAP for my career improvement. Do you know any platform or course that I can  buy?

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×