Help with Slide or swipe transitions with GSAP + Barba JS

[sscash 1 Likes (Newbie)]

Hello Devs, 

 

Please someone to kindly help edit this fade in and out code, to slide up and down or swipe left or right page transitions with Gsap + Barba js

 

here's my code.

 

// Animation - Transition
function pageTransition() {
  var tl = gsap.timeline();

  tl.to(".main-fade", {
    duration: .4,
    ease: "Power0.easeNone",
    opacity: "0"
  });

  tl.set(".main-fade", {
    y: 0, 
    opacity: "1"
  });

  tl.set(".loading-screen", { 
    opacity: 0
  });

}

thanks

[GreenSock 18,568 Likes (Superhero)]

I read your question a few times but I still don't quite understand what you're asking. We don't support 3rd party tools like Barba.js in these forums typically (I have zero experience with it), but we'd be happy to answer any GSAP-specific questions.