100-project-100-days-website/100_projects/22-page-transition-with-gsap-animation/main.js

const tl = gsap.timeline({defaults: {ease: 'power2.out'}});

tl.to('.slider', {y: "-100%", duration:1.2});
tl.to('.intro .hero', {y: "0%", duration:1.2}, "-=1");
tl.fromTo('.nav', {opacity:0}, {opacity:1, duration: 1});