That's your problem. All transform values are reported as a matrix, so GSAP doesn't know you are using a percent in your CSS. If you're going to animate a transform, it's a good idea to set it.   TweenMax.set(this.$refs.mobileNav, { yPercent: -100 }); ... const timeline = new TimelineMax({ paused: true, reversed: true }) timeline .to(this.$refs.mobileNav, 1, { yPercent: 0, ease: Expo.easeInOut }) .staggerTo('.mobile-nav__link', 0.5, { autoAlpha: 1 }, 0.1, '-=0.5')    
    • Like
    4