Repeat the animation on each carousal slide entrance

[Gad]

Hello,

im new to the cool library i want to animate the <h1> on both carousal slides to be slide from bottom to up i manage to make it but i want to animation to be repeated each time someone switch between slides it looks like the animation start only one time on both slides and never repeated .

how can i manage that is there a attribute or something i need to add.

sorry I'm not professional.

sorry about my poor code skills

i appreciated your help thanks a lot

See the Pen GRyaZeR by mohamed-gad-the-bold (@mohamed-gad-the-bold) on CodePen

[akapowl]

Welcome to the GreenSock forums @Gad

 

These forums are intended for GSAP specific questions and this really is more of a question about the logic of the caroussel you are using and not really directly related to GSAP. So if you want to find out how to trigger things on different events of that caroussel, I would suggest having a look at their documentation.

 

https://owlcarousel2.github.io/OwlCarousel2/docs/api-events.html

 

 

 

Now I'm not sure if this is the best way to do it as I didn't dive too deep into how that caroussel works (as we simply just can not offer to do that for every other 3rd party library out there) but here is a little something just to give you an idea on where to possibly start things off. Happy tweening!

 

See the Pen rNpgLxK by akapowl (@akapowl) on CodePen

 

[Gad]

I'm appreciate a lot your help and the way you explanation

i will check the provided recourses and read more about GSAP and other provided links

thank alot ❤️