javascript - 更改 CSS3 透视动画的轴

Question

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

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

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

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

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

Answer 1

我想到了：

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