更改CSS3透视动画的轴

Question

我试图构建css3折叠效果。下面是效果的例子，但在内置的Objective-C：http://vimeo.com/41495357

当前版本：http://jsfiddle.net/ctdNE/2/

我的问题是动画的轴。目前，动画的轴线是垂直居中的。是否有可能将其移动到动画容器的左侧？居中轴的原因，在动画过程中容器的高度变大。如果该轴可能位于最左侧，则高度不会改变。

附上一张照片这也解释了我的问题：

animation http://gopeter.de/animation.png

Answer 1

我想通了：

使用（-webkit-）变换原产地轴移位。