主要给大家介绍了CSS3利用三维变形实现立体方块的方法，文中给出了完整的实例代码，感兴趣的朋友们可以自己运行后看看效果，只有自己动手了才能更好的学习，下面来一起看看吧。

前言 三维变换使用基于二维变换的相同属性，如果您熟悉二维变换，你们发现3D变形的功能和2D变换的功能类似。3D变形与2D变形的最大不同就在于其参考的坐标轴不同，2D变形的坐标轴是平面的，只存在X轴和Y轴，而3D变形的坐标轴则是X、Y、Z三条轴组成的立体空间，X轴正向是朝右，Y周正向是朝下，Z轴正向是朝屏幕外。 静态效果图如下： 实例代码 <meta name="apple-mobile-web-app-capable" content="y