Barba.js with GSAP - 12. animationLeave timeline

In this video we will focus on the GreenSock animation timeline used in the Barbas leave hook.

Working Files:

Live Demo

Related Resources

Same as this playlist, just on my site, no ads, code snippets, track your progress, that is my home:)

Related Courses

GreenSock 101 - Free

Practical GreenSock - Premium

[arnaud]

Here too :p I was a early barba tester for a few month but leaved it because of it was difficult to use it with wordpress and custom plugins (such as forms or recaptcha) but new documentation and this tutoriel ... 🤪😍

[tranquang]

For the leave hook, when I use the arrow function (return the animationLeave within the function) then I have to return the gsap Timeline in the animationLeave for it to work, but for the enter animation, if I try to do it with the same arrow function and return the timeline within the animationEnter, it wont run the enter animation. I dont really understand the difference here? What is the purpose of return the timeline in the animation function and why are there different behaviors when using arrow function between leave and enter hooks ?

[invysible]

hey, i want to ask. why i must click the link twice to get to the other page. if i only click the link once it's just running the animation only