Jump to content
Search Community

Making an element horizontally loop across the screen?

Guy B. Walken test
Moderator Tag

Recommended Posts

New GSAP user. I've only done some very simple animations so far. My current goal is to take a paragraph of text and move it in a horizontal loop, so that when it disappears off the right edge of the screen it reappears on the far left. (Ideally I'd like to split it across the edge, smoothly, so that midway through the loop you'd see the left half of the paragraph on the right edge and the right half on the left edge.) I'm not sure how complicated this would be to get done with GSAP, but any advice or pointers in the right direction would be appreciated. Thanks.

Link to comment
Share on other sites

 

Hey @Guy B. Walken

 

You can always use the search in these forums for something like that - it is a quite popular effect, so you will most certainly find something.

 

And here is a wonderful pen by @mikel that should essentially do exactly what you look for

 

But be aware, that it uses the old TweenMax and not GSAP3.

 

See the Pen ZEEJLGy by mikeK (@mikeK) on CodePen

 

 

From this Thread

 

 

Maybe this helps get a direction to begin with.

 

Welcome to the forums :) 

 

Cheers,

Paul

 

Edit:

Here are some more threads, that might help

 

 

 

  • Like 4
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...