【发布时间】：2013-10-05 15:53:21
【问题描述】：
我正在尝试创建一个立方体网格，其视角看起来就像您从顶部看它们一样。这是一个例子
这是通过计算立方体与中间的距离并更改边框大小来制作的。我想在立方体的侧面制作自己的纹理，所以我使用 CSS3 旋转来创建立方体的六个面，并正确定位它们以形成一个立方体。现在我尝试通过让立方体在 x 和 y 轴上倾斜来重新创建效果，具体取决于它们与中心的距离，我得到了这个：
http://codepen.io/anon/pen/yKmwg
如您所见，它们看起来像是在某种球形表面上。这是因为立方体的正面和背面不应旋转。有谁知道这样做的正确方法。谢谢
【问题讨论】：
-
立方体是单独的元素吗？您的
perspective设置为什么？你有没有想过用perspective-origin代替旋转？你是如何进行旋转的？如果您需要更有意义的帮助，请分享您的代码。 -
在其中添加了我的代码。谢谢
标签： css cube css-transforms perspective