kerubq

Thank you! I am still a bit confused with what you mean by keeping all transforms done with GSAP and not mix CSS styles with GSAP. If I have CSS on a div with position:absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) and at some point on the site transform that div with GSAP by .to(someDiv, 3, {yPercent: -55}) is that considered mixing css styles with gsap? If so, I am guessing I should be using .set() to position all my elements on page load. Sorry, I am still trying to wrap my head around this.

Hello, I just started using GSAP and ScrollMagic two days ago. My question is what is the best way to approach responsiveness? I set my initial elements positions with CSS absolutes and transform: translate. I then animate them via {y: "number%"} or {y: number} but I started using {yPercent: number} which gives me better responsiveness result but not pixel perfect. Enjoying GSAP w/ ScrollMagic! Thank You.