CSS里的Z軸是一個三維坐標系中的一個軸，主要用來表示元素在空間中的位置與層級關系。在CSS中，我們可以使用transform屬性來控制元素在Z軸上的旋轉。下面就來介紹一下如何使用CSS中的transform屬性來控制元素在Z軸上的旋轉。

transform: rotateZ(angle);

上面這行代碼中的rotateZ就是用來控制元素在Z軸上旋轉的函數。其中，angle表示旋轉的角度，可以是正數也可以是負數。如果angle是正數，元素就會順時針方向旋轉；如果angle是負數，元素就會逆時針方向旋轉。

同時，在使用rotateZ函數時，需要注意元素的transform-origin屬性。這個屬性用來控制元素旋轉時的中心點位置，默認是元素的中心點。如果需要調整旋轉中心點的位置，可以設置transform-origin的屬性值。例如：

transform-origin: center center 10px;

上面這段代碼中，center center表示元素的中心點，10px表示離元素Z軸在屏幕內部的距離。這樣就可以將元素的旋轉中心點調整到元素的底部。

CSS中的Z軸旋轉可以為網頁增添立體感和動態感，也可以控制元素的層級關系，讓元素之間更加真實地相互疊加。所以我們可以通過掌握rotateZ函數的使用，來實現更加豐富多彩的網頁設計。