css 3D变换立方体透视

时间:2013-09-29 20:50:25

标签: css3 cube css-transforms perspective

我正在尝试创建一个多维数据集网格,这些多维数据集的透视图看起来就像是从顶部看到它们。这是一个例子

http://imgur.com/elyJ5tu

这是通过计算立方体距中间的距离并改变边框尺寸来制作的。我想在立方体的两侧制作自己的纹理,所以我使用CSS3旋转来创建立方体的六个边并正确定位它们以形成立方体。现在我尝试通过让立方体在x和y轴上倾斜来重新创建效果,这取决于它们离中心有多远,我得到了这个:

http://codepen.io/anon/pen/yKmwg

你可以看到它们看起来像是某种球面。这是因为立方体的正面和背面不应该旋转。有谁知道这样做的正确方法。感谢

1 个答案:

答案 0 :(得分:0)

谢谢@jozzas透视来源是我所寻找的:

http://codepen.io/avovk/pen/yICrt