CSS3 3D代碼是一種用于創建視覺效果的技術。它允許我們創建3D視覺效果而無需使用任何外部庫或框架。

.box {
width: 200px;
height: 200px;
position: relative;
perspective: 500px;
}
.box .face {
width: 200px;
height: 200px;
position: absolute;
top: 0;
left: 0;
background: #fff;
border: 1px solid #ccc;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
.box .front {
transform: translateZ(100px);
}
.box .back {
transform: rotateY(180deg) translateZ(100px);
}
.box .right {
transform: rotateY(90deg) translateZ(100px);
}
.box .left {
transform: rotateY(-90deg) translateZ(100px);
}
.box .top {
transform: rotateX(90deg) translateZ(100px);
}
.box .bottom {
transform: rotateX(-90deg) translateZ(100px);
}

上面的代碼演示了如何創建一個3D盒子，并在其中添加六個面以創建一個立方體。該代碼使用了CSS3的新屬性transform和perspective。

通過使用translate，rotate和scale屬性，可以對元素進行轉換和縮放，從而創建3D效果。

perspective屬性指定了哪個觀察者距離z=0平面的距離。通過改變這個屬性的值，可以改變3D效果的觀看角度。