Javascript 更改CSS3透视动画的轴

我试图建立一个css3折叠效果。以下是效果示例，但内置于Objective-C中：

当前版本：

我的问题是动画的轴。此时，动画的轴垂直居中。是否可以将其移动到动画容器的左侧？由于轴居中，容器的高度在动画期间变大。如果轴可以在最左边，高度就不会改变

附上一张解释我的问题的图片：

我想起来了：

使用（-webkit-）变换原点移动轴