CSS3中的Z軸旋轉可以讓元素繞垂直于屏幕的軸線進行旋轉，從而實現炫酷的效果。在這篇文章中，我們將介紹如何使用CSS3的Z軸旋轉來制作動態效果。

/* 定義一個3D容器 */
.container {
transform-style: preserve-3d;
}
/* 定義一個元素進行Z軸旋轉 */
.rotate {
/* 定義Z軸旋轉效果 */
transform: rotateZ(60deg);
}

在上面的代碼中，我們首先定義了一個3D容器，這可以讓我們的元素在3D空間內進行旋轉。接著，我們定義了一個類名為“rotate”的元素，并將其進行了Z軸旋轉，旋轉角度為60度。

如果我們希望元素在動畫中進行平滑地旋轉，可以使用CSS3的transition屬性，如下所示：

.rotate {
transform: rotateZ(60deg);
transition: transform .5s ease;
}

在上面的代碼中，我們為旋轉元素添加了一個過渡效果，當元素在旋轉過程中，過渡效果會讓動畫更加平滑。

CSS3的Z軸旋轉可以讓我們制作出炫酷的動態效果，我們可以在網站中使用這個屬性來增強用戶體驗，使網站更加生動有趣。