这个demo演示了如何使用js/dom/css来在浏览器中渲染出3d模型,而且还可以用键盘控制其旋转,实在是令人惊叹。其原理其实也很简单,就是利用border。浏览器在渲染比较宽的border时,结合处是有斜面的,以此再配合颜色,就可以做出小块的三角形,然后多个小三角形,就可以组成一个不规则的图形了。demo支持IE7、FF、Opera。不过很遗憾,IE6下因为透明边框的支持问题,显示不太理想。此网站属于内行看门道,外行看热闹型!~
传送门 http://www.uselesspickles.com/triangles/demo.html