HTML5 transform三维立方体实现360无死角三维旋转效果_html5教程技巧

为了更好得掌握transform的精髓，所以决定完成三维立方体的模型，可以实现360无死角的三维旋转效果。

但是旋转时判断每个面的视图顺序比较困难，仍未完美解决，希望有人能解答！

源码直接贡献啦：

复制代码

代码如下:

left:px

top:px

long:px

width:px

height:px

rotateX: deg

rotateY: deg

rotateZ: deg