For some reason when I use from or staggerFrom with requestAnimationFrame, the animation jumps and actually acts as if it's doing a "To" tween. When I use the code outside of my requestAnimationFrame, it works fine. Why is this? I need to use within a requestAnimationFrame because I trigger the tween when scroll is at a certain position and I need requestAnimationFrame to determine that position (I was advised that's the correct way to do it instead of attaching to scroll).
Here's my tween:
TweenMax.staggerFrom(".box", 1, { x:100, autoAlpha: .5}, .5);
I made a quick codepen demonstrating this issue.
Thanks,
Yan