CSS3中有一項重要的功能就是三維效果的實現，這就是CSS3 Three-dimensional（3D）效果。通過CSS3 Three-dimensional技術，可以通過使用平面的樣式效果，將頁面的視圖以不同的角度或軸向進行展示。那么，CSS3 Three-dimensional技術是如何實現的呢？

transform-style:preserve-3d;

在CSS3 Three-dimensional技術中，preserve-3d表示保持三維空間的結構。當應用于父元素時，將開啟一個三維空間，并使子元素沿Z軸呈現層疊效果。

transform:rotateY(45deg);

在CSS3 Three-dimensional技術中，rotateY表示繞Y軸旋轉。即為在2D平面內進行旋轉，會改變它在空間中的位置和方向。其中，deg為度數。

transform:translateZ(100px);

在CSS3 Three-dimensional技術中，translateZ表示Z軸位移。即為在3D空間中將元素沿著Z軸進行反轉。其中，px為像素。

綜上所述，CSS3 Three-dimensional技術是實現網頁3D效果的重要方式之一。通過transform-style、rotateY和translateZ等屬性，可以輕松實現3D視覺效果，進而提升用戶的使用感受。