今天读了篇关于如何使用css3创建3d四面体的文章,觉的相当不错,所以拿出来和大家分享一下。
首先要和大家分享的是,如何使用div+css创建三角形。在这里我先把相关代码粘贴出来,然后再为大家讲解原理。
html:
代码如下:
div id="pyramid"
div/div
/div
css:
代码如下:
style type="text/css"
#pyramid {
position: relative;
margin: 100px auto;
height: 500px;
width: 100px;
}
#pyramid div {
position: absolute;
border-style: solid;
border-width: 200px 0 200px 346px;
}
#pyram...[ 查看全文 ]