Hello,
I am trying to animate using rem units and am encountering unexpected behavior. In short, I'm doing this tween:
TweenLite.to("#blue-circle-1", 1.2, {
delay: 0.2,
left: '-1rem',
top: '4rem',
ease: Elastic.easeOut
});
But the blue circle actually ends up at top:0px, left:0px instead of the expected left: -1rem, top: 4rem. This is demonstrated in the codepen http://codepen.io/anon/pen/mJmeMa. Interestingly, if I run the same exact Tween again, after the first failed Tween, it will go to the proper position.
In addition, when trying to do the same