jamix

Excellent, the added precision to the matrix3d values does that. Thank you!

Anyone?

We need to do very slow Y-rotation of a wide object in our project, and we noticed that this produces visible jerking with GSAP. We have been able to trace it to a precision issue in the values of the matrix3d transform that GSAP generates. Basically, during the tween, the 4th value of matrix3d increases from 0 to 0.00001, 0.00002 and so on. The thing is, even though there's tweening going on, the object doesn't get redrawn until this value changes (from 0 to 0.00001 and then to 0.00002 etc.), which produces the jerkiness. See the Codepen where both the red and blue rectangles are rotated 10 degress over 60 seconds and observe the jerkiness in the red one (more visible in Firefox due to lesser anti-aliasing). The only difference is that the rotation is applied through TweenLite to the red rectangle and directly via CSS to the blue one. We have switched to tweening of the CSS in our project but it would be nice to see this issue address in GSAP's CSS tweening, too.