100-project-100-days-website/100_projects/22-page-transition-with-gsap-animation/main.js
2023-03-15 17:18:58 +03:00
Ask

5 lines
223 B
JavaScript

{da62e15c00901b682628a3a4441bb64c7c37c426 true 223 main.js 0xc002e59d50}

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});