Как перенести SVG по горизонтали с помощью TweenMax (Greensock)?

Question

Я пытаюсь сделать анимацию с помощью Greensock, а все остальное в порядке, за исключением того, что я не уверен, как перевернуть SVG так, как мне хотелось бы.

Я сделал код так:

.to($tri_yellowgreen, 0.25, {rotationY:180, transformOrigin:"left top"}) 

..но стрелка перемещается на дно и не переворачивать на той же позиции.

CODEPEN DEMO: http://codepen.io/anon/pen/eJOBma

Я хотел бы перейти от этого:

... к этому (желто-зеленая стрелка перевернутая):

Answer 1

Я думаю, что решение могло бы заменить это:

.to($tri_yellowgreen, 0.25, {rotationY:180, transformOrigin:"left top"}) 

с этим:

.fromTo($tri_yellowgreen, 0.25, {transformOrigin:'right top'}, {rotationY: 180}) 

В основном transformOrigin должен быть применен еще до начала анимации, следовательно, использование .fromTo() метода вместо .to() вызова.