CSS3中的transform屬性可以實(shí)現(xiàn)多種動(dòng)畫效果，其中之一就是沿z軸旋轉(zhuǎn)。沿z軸旋轉(zhuǎn)使元素在三維空間中旋轉(zhuǎn)，可以為頁面增添更多的生動(dòng)感和趣味性。

transform: rotateZ(45deg);

上面的代碼可以將元素沿z軸旋轉(zhuǎn)45度。需要注意的是，rotateZ函數(shù)中的參數(shù)單位是deg，即角度，取值范圍為0~360度。

transform: rotateZ(-90deg);

上面的代碼則可以將元素沿z軸旋轉(zhuǎn)-90度，即逆時(shí)針旋轉(zhuǎn)90度。

此外，可以使用transform-style屬性來指定元素的轉(zhuǎn)換方式。默認(rèn)情況下，元素的transform只影響元素自身，而不會(huì)影響其內(nèi)部元素。若使用transform-style: preserve-3d;則會(huì)讓元素的transform影響其內(nèi)部元素，使其也發(fā)生在三維空間中的旋轉(zhuǎn)。

transform-style: preserve-3d;
transform: rotateZ(30deg);

上面的代碼將元素沿z軸旋轉(zhuǎn)30度，并且保留其內(nèi)部元素的三維空間效果。

通過使用transform屬性和transform-style屬性的組合，可以輕松實(shí)現(xiàn)沿z軸旋轉(zhuǎn)的動(dòng)畫效果，為網(wǎng)頁增加更多的動(dòng)態(tài)效果。