CSS3多个立方体

Question

我正在尝试在一个容器中放置多个旋转立方体。在向立方体添加浮动值时，立方体的旋转会发生变化，因此立方体以略微倾斜的方向旋转。

现在立方体正在旋转一个角度，看起来好像我是从侧面看它们。我希望它们在没有当前倾斜的情况下沿X方向旋转（好像我直接在脸部前面）。

请在此处查看代码 - http://codepen.io/iakshay/pen/iFhLH

Answer 1

你遇到的问题是你的div的中心根本就不在你预期的位置。

您的容器宽度为100％，而立方体仅覆盖几百个像素。

根据你想做的事情（不清楚问题），要么缩小你的容器，要么偏移你的立方体。