如何使用TweenMax（Greensock）水平翻转SVG？

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()呼叫因此用法。