怎么用html制作3D页面,html – 如何使用CSS制作图像3D

如果你想要它看起来更像3D,你可以从@haxxxton获取代码并在底部添加一个div,如下所示.

table {

margin: 0 auto;

border-collapse: collapse;

background: black;

border:2px double black;

}

td {

width: 60px; height: 60px;

}

tr:nth-child(odd) td:nth-child(even),

tr:nth-child(even) td:nth-child(odd) {

background: white;

width: 59px;

height: 59px;

}

.parent {

margin:0 auto;

height:488px;

width:460px;

perspective-origin: 50% 50%;

perspective: 1000px;

}

.child {

transform: rotateX(60deg);

}

#div3 {

position: relative;

height: 10px;

width: 616px;

margin-left:-61px;

margin-top:-90px;

background-color: brown;

border: 1px solid black;

}