CSS3D是CSS3中的一個(gè)新的搞笑，可以實(shí)現(xiàn)3D效果的布局和動(dòng)畫(huà)。如果想要在3D空間中進(jìn)行布局，我們需要知道如何設(shè)置物體的Z軸坐標(biāo)。

transform: translateZ(100px);

這就是設(shè)置元素在Z軸方向上移動(dòng)100px的代碼。需要注意的是，如果該元素的父元素設(shè)置了透視（Perspective），那么Z軸的偏移量將會(huì)產(chǎn)生近大遠(yuǎn)小的效果。

perspective: 1000px;

這是設(shè)置父元素透視的代碼，值越大，近大遠(yuǎn)小的效果越明顯。

除此之外，在用CSS3D進(jìn)行布局時(shí)，我們也可以使用rotate、scale和skew等設(shè)置物體在3D空間內(nèi)的變換效果。這樣，我們可以創(chuàng)造出更加炫酷的3D效果。