在CSS3中，3D作圖的功能已經得到了極大的提升，可以使用CSS3D技術來實現復雜的3D效果。下面我們就來看一下如何使用CSS3D來實現基本的3D作圖。

.container {
perspective: 800px; /* 設置透視 */
}
.box {
width: 100px;
height: 100px;
background: #000;
transform: translateZ(-50px); /* 平移Z軸 */
}

首先，我們需要在容器上設置透視，這樣才能使3D效果更加逼真。透視可以通過屬性perspective來設置，單位為像素。接著，我們需要將對象平移到Z軸上，這樣才能保證其能夠與其他物體進行互動。

.box {
transform: perspective(800px) rotateY(45deg); /* 旋轉Y軸 */
}

除了平移Z軸，我們還可以通過旋轉Y軸來實現更好的效果。通過設置屬性rotateY，我們可以讓物體按照Y軸旋轉指定角度。

.box {
transform: perspective(800px) translateZ(-50px) rotateY(45deg); /* 同時平移和旋轉 */
}

當然，我們也可以同時進行平移和旋轉，這樣可以在保證物體位置不變的情況下，運用旋轉來實現更加復雜的效果。

總之，CSS3D技術為我們提供了極大的方便和創造空間，讓我們可以更加輕松地制作3D效果。通過對屬性perspective、translateZ和rotateY的運用，我們可以創造出各種不同的3D效果，使我們的頁面更加生動、吸引人。