Jump to content
Search Community

How To make this Scroll and text fill in scroll

Ahmed Elabbasy test
Moderator Tag

Recommended Posts

Hey Ahmed and welcome to the GreenSock forums!

 

Here are the steps you'll need to follow:

  1. Create a way to animate between full screen sections on scroll. Maybe this post can get you started:
  2. Fix a list of items to the middle of the viewport.
  3. Create the animation related to the text fill. Maybe these threads can help:https://webdevtrick.com/css-text-fill/
     
  4. Pair those animations on scroll. 

Or you could, you know, actually buy the theme that you're using as a reference. That'd probably be the easiest and best solution :) 

  • Like 1
Link to comment
Share on other sites

1 hour ago, ZachSaucier said:

Hey Ahmed and welcome to the GreenSock forums!

 

Here are the steps you'll need to follow:

  1. Create a way to animate between full screen sections on scroll. Maybe this post can get you started:
  2. Fix a list of items to the middle of the viewport.
  3. Create the animation related to the text fill. Maybe these threads can help:https://webdevtrick.com/css-text-fill/
     
  4. Pair those animations on scroll. 

Or you could, you know, actually buy the theme that you're using as a reference. That'd probably be the easiest and best solution :) 

Thank you very much, I will try this and tell you the results
I use this to learn and not to launch a site

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