Jump to content


parallax overlay text

Moderator Tag

Recommended Posts

Hi @Abdo2000 and welcome to the GreenSock forums!


Those effects can be done with ScrollTrigger:

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

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


Then you can add ScrollSmoother to the mix and it looks even better:

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

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


ScrollSmoother is a benefit of Club GreenSock members though, but is worth exploring all the perks and tools you get.


For the mouse follow animation this is a good starting point:

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


Also check this thread:


Finally, if you're just starting with GSAP, I would start with some simple things and then move up to more complex animations.


If you get stuck and have any GSAP related question, let us know and don't forget to include a minimal demo.

Happy Tweening!

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.