CSS3提供了許多新的特性，其中之一就是圖片的Z軸旋轉。這可以讓我們更好地展示圖片效果，并且增強網站的視覺效果。

Z軸旋轉是一個與網頁其他元素不同的3D效果。它的實現方法是通過transform屬性來實現的。具體的代碼如下：

img {
transform: rotateY(45deg);
}

上述代碼將其中的圖片沿著Y軸旋轉45度。我們還可以使用rotateX()、rotateZ()等函數來控制不同的旋轉方法。

在使用Z軸旋轉前，還需要考慮到一個問題——“視覺視角”。如果我們想要達到立體效果，就需要設置視覺視角。這可以通過在CSS中使用perspective屬性完成。如下所示：

.container {
perspective: 1000px;
}

上述代碼中的perspective屬性設置了視覺視角為1000像素，這意味著離我們1000像素遠的元素將變成正常大小，而距離我們更近的元素將看起來更大。

在進行Z軸旋轉時，還需要注意到父元素的transform-style屬性。如果我們希望子元素也跟隨父元素一同旋轉，則需要將transform-style屬性設置為preserve-3d，如下所示：

.container {
transform-style: preserve-3d;
}

這樣就可以實現更加驚艷的圖片效果了！