CSS3多个立方体

Question

我试图在一个容器中拥有多个旋转立方体。在向多维数据集添加浮点值时，多维数据集的旋转会发生变化，因此多维数据集会朝稍微倾斜的方向旋转。

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

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

Answer 1

您遇到的问题是div的中心根本不是您期望的位置。

你的容器有100%的宽度，而你的立方体只覆盖几百个像素。

根据您想要做的事情（问题不清楚），缩小容器或偏移多维数据集。