CSS3 3d无缝过渡

时间:2012-09-19 16:58:33

标签: css css3 css-transitions

好的,所以我正在试图弄清楚如何在我正在进行的旋转木马上无缝地实现我的3D过渡,而无需转换整个父件。我正在尝试创建一个立方体效果,可以使用尽可能多的幻灯片。这是我到目前为止所拥有的,但我似乎无法使它无缝化:http://jsfiddle.net/wDMHN/4/。救命啊!

1 个答案:

答案 0 :(得分:0)

您需要在相对于脸部的变形位置开始立方体的每一侧,因此一侧需要旋转90°,另一侧需要旋转180°,另一侧需要旋转。您还需要设置透视原点以便全部你的脸围绕同一个点旋转。

查看this link

它使用键盘旋转立方体,但这是一个非常简单的改变,使其自动化。