javascript - 更改 CSS3 透视动画的轴

Question

我正在尝试构建一个 css3 折叠效果。这是效果的示例，但内置于 Objective-C:http://vimeo.com/41495357

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

我的问题是动画的轴。目前，动画的轴是垂直居中的。是否可以将它移到动画容器的左侧？中心轴的原因，容器的高度在动画过程中变大。如果轴可以在最左边，高度就不会改变。

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

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

Answer 1

我想通了:

使用 (-webkit-)transform-origin 移动轴。