更改CSS3透视动画的轴

时间:2012-07-25 15:15:02

标签: javascript css3 css-animations

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

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

我的问题是动画的轴。此刻,动画的轴是垂直居中的。是否可以将其移动到动画容器的左侧?中心轴的原因,在动画过程中容器的高度变大。如果轴可能位于最左侧,则高度不会改变。

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

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

1 个答案:

答案 0 :(得分:2)

我明白了:

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