Slider with Staggered text and Smooth transition

[Anand Makhija]

Hi,

 

Can you please help me or share me if any reference you have for the slider with smooth transition and staggered text smooth animation.

 

You can check the reference below:

 

http://fleava.com/

[Jonathan]

Hi @Anand Makhija and Welcome to the GreenSock forum!

 

Based on the link you provided i cant see a slider in latest Firefox. I see it load in Chrome, but very very slowly.

 

GSAP can accomplish that slider in that link you provided above. That looks like a fullscreen slider, with some hover and parallax effects. The tracking effect of the mousemove mouse cursor is a little off putting since there is a weird delay that almost feels like its not tracking correctly.

 

Do you have any specific questions about how to use the GSAP API? .. if you do we are more than happy to help you!

 

Happy Tweening!

[Anand Makhija]

Thankyou for Replying!

 

I don't need the parallax or hover effect like the reference link.

 

I just need you to help me in transition which comes when we change the slide after click on arrow button, the way slide move and the text appears like very smoothly.

 

I will be really very thankful to you, if you could help me this.

Edited May 29, 2019 by Anand Makhija
Grammatical Mistake

[mikel]

Hi @Anand Makhija,

 

Welcome to GreenSock Forum.

 

Here is an idea ...
Plus GreenSock SplitText it could work that way.

 

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

 

Happy tweening ...

Mikel