CSS3 3D 无缝过渡

Question

好的，所以我正在尝试弄清楚如何在我正在处理的轮播上无缝地进行 3D 过渡，而无需转换整个父部分。我正在尝试创建一个立方体效果，它可以被任意数量的幻灯片使用。这是我到目前为止所拥有的，但我似乎无法使其无缝：http://jsfiddle.net/wDMHN/4/。帮助！

Answer 1

您需要从

立方体相对于面的转换位置开始立方体的每一侧，因此一侧需要旋转 90，另一侧需要旋转 180，另一侧需要旋转 270。您还需要设置透视原点，以便所有面都围绕同一点旋转。

查看此链接

它使用键盘旋转立方体，但要使其自主，这将是一个非常简单的更改。