我试图在一个容器中放置多个旋转立方体。将浮点值添加到立方体时,立方体的旋转会发生变化,因此立方体会以略微倾斜的方向旋转。
现在立方体正在旋转一个角度,看起来好像我是从侧面看它们。我希望它们在没有当前存在的倾斜的情况下沿 X 方向旋转(好像我直接在脸的前面)。
请在此处查看代码 - http://codepen.io/iakshay/pen/iFhLH
我试图在一个容器中放置多个旋转立方体。将浮点值添加到立方体时,立方体的旋转会发生变化,因此立方体会以略微倾斜的方向旋转。
现在立方体正在旋转一个角度,看起来好像我是从侧面看它们。我希望它们在没有当前存在的倾斜的情况下沿 X 方向旋转(好像我直接在脸的前面)。
请在此处查看代码 - http://codepen.io/iakshay/pen/iFhLH
The problem you have is that the center of your div simply is not where you expect it to be.
Your container has a width of 100% while your cubes only cover a few hundred pixels.
Depending on what you want to do (not clear from the question) either narrow your container or offset your cubes.