Leo D

Thank you so much! After hear your explaination, I research further and found some info about it from W3 ORG, now I understood it: The coordinate space is a coordinate system with two axes: the X axis increases horizontally to the right; the Y axis increases vertically downwards.

Hello guys, I'm implement this animation for my heading 1. From y: -20 to y: 0. As I expect that it should move bottom up, but actually, it moves top down. Why gsap axis's value directions is so different. Can you guys instruct me, thanks! gsap.fromTo( "h1", { opacity: 0, y: -20, }, { opacity: 1, y: 0, duration: 0.6, ease: "power1.out", delay: 1.5, stagger: 0.2, } )