gaggo

Oh my, I didn't realise that you answered, thank you! I tried your suggestion, but something is odd with the positioning. Somewhere else in the forums I found this workaround, which does the job for me: function applyProps() { $(".slides").css({ transform: "rotate("+slidesTransformProps.rotation+"deg) translateX(" + slidesTransformProps.translateX + "px) translateY(" + slidesTransformProps.translateY + "px)" }); } slidesAnimation = new TweenLite.to(slidesTransformProps, transitionSpeed, { directionalRotation: { rotation: slideAngle + "_short", }, scale: scaleDiff, translateX: left, translateY: top, ease: Power2.easeInOut, onUpdate: applyProps }); Still, it would be great to know what the "GSAP" way of doing this would be.

Hi there, first of all, wow!! GSAP is very impressive. I have the following code to animate the transform of an element: TweenLite.to(".element", transitionSpeed, { ease: Power2.easeInOut, css:{ transform: "scale("+scaleDiff+") rotate("+angle+"deg) translateX("+left+"px) translateY("+top+"px)" }}); Everything works as expected, except that the rotation is in the wrong direction. Can you give me a hint on how to change the direction of the rotation without loosing the transform property?