Jump to content
Search Community

Make a div go to left side when hitting right side

Kayoshi test
Moderator Tag

Recommended Posts

Hi guys,

I'm a student and I'm working on my portfolio.

I saw a lot of great websites using GSAP so I decided to try it too!

 

I've been able to create some cool animation so far but I'm having a hard time on this one :

 

Basically, what I want is when my Fourth column (and all the others ones) hits the right side, I would like to see them coming out from left side.

 

image.thumb.png.85bd12da1824a086193391295d8d9cf9.png

I did a little drawing on Paint to help you understanding what I want to achieve!

 

Thanks a lot for your help,

Kind regards

 

See the Pen OJMpdvZ by Kayoshi (@Kayoshi) on CodePen

Link to comment
Share on other sites

Thanks a lot for your answer.

 

To do the first test on CodePen I took this pen as an exemple : 

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

 

But I still can't get it working, it appears again only when all the row has hit the right side, and the fourth column is resetting the animation when hitting right side.

 

 

Will have to look at some tutorials to get better!

Link to comment
Share on other sites

Hi! First thanks a lot for your exemples guys, they will help me a lot to learn.

That's the first time I ask a question on a forum and honestly I'm really happy to see how it turned out.

 

Now it's my turn to work! Thanks again! 🙏

  • Like 1
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.
×
×
  • Create New...