Question

I have the following code:

image1Rect.animate({
    transform: "S-0.025,1"
}, 1000, 'easeOut', function () {
    image1Rect.hide();
    image1Ref.show();
    image1Ref.scale(0.025, 1);
    image1Ref.animate({
        transform: "S1,1"
    }, 1000, 'easeOut');
});         

where I am trying to reduce X scale of image1Rect to 0.025 and then when that is done increase the scale X of image1Ref from 0.025 to 1. I am trying to do this using appended transforms but since that did not work for me I had to use deprecated function scale on image1Ref to first reduce its scale X to 0.025.

I would ideally like to do this using appended transforms, could you please help me out?

Answer 1

It is caused by the negative integer in

transform: "S-0.025,1"

Negative integers cause the image to flip in that axis.

use
transform: “S0.025,1”