How can i get this scroll effect? Using GSAP

[jengz]

Hi Guys,

 

I am referring "https://harirchi.com/" website. they used Revolution slider to create full website.

 

I want same effect like project listing page. In this page Project box coming from the bottom seems slow then arrived window middle speed increases and then slows when on top arrived.

 

Anyone have a demo regarding this or how can achieve this effect.

 

Thanks

[ZachSaucier]

Hey jengz and welcome to the GreenSock forums. 

 

Even with the link and description I'm not exactly understanding which effect you're wanting to create. Can you please record a quick video of what you're talking about and share that with us?

[jengz]

https://flic.kr/p/2kHoWYx

[ZachSaucier]

Ah, thanks. I didn't find that section before. 

 

It's not that the images are slower at the bottom than at the top, it's that the movement is faster at the start and slower at the end. I created the same sort of thing (with vary speeds) in this demo (found in the ScrollTrigger demos section😞

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

[jengz]

Thanks ZachSaucier,

 

Thank for help, I have tried this demo before, but i didn't get same effect like "https://harirchi.com/" 😞

[ZachSaucier]

Sorry, we don't have the capacity to create it all for you for free in these forums  If you have a specific question about how to use GSAP let us know and we'll do our best to help.