CSS動(dòng)畫的z軸，是指層級(jí)關(guān)系中的深度方向，在3D動(dòng)畫中特別重要，可以實(shí)現(xiàn)眾多視覺效果。

.example {
transform: translateZ(50px);
}

在CSS中，可以使用transform屬性來控制元素在z軸上的位置。使用translateZ函數(shù)可以將元素沿z軸方向上移動(dòng)，單位是像素。

另外，使用perspective屬性可以給元素加上透視效果，讓元素看起來更加立體和真實(shí)。同時(shí)，也可以在動(dòng)畫中使用perspective屬性，實(shí)現(xiàn)更加炫酷的效果。

.container {
perspective: 1000px;
}
.example {
transform: translateZ(50px) rotateY(45deg);
}

上述代碼中，我們?cè)谌萜魃咸砑恿藀erspective屬性，指定了透視距離為1000像素。在.example元素中，我們通過translateZ函數(shù)將元素沿z軸移動(dòng)50個(gè)像素，并且通過rotateY函數(shù)將元素沿Y軸旋轉(zhuǎn)45度。

總結(jié)一下，CSS動(dòng)畫的z軸可以實(shí)現(xiàn)元素在層級(jí)關(guān)系中的深度展示和透視效果。我們可以通過translateZ和perspective屬性來控制元素在z軸上的位置和透視強(qiáng)度，加上其他動(dòng)畫效果，可以打造各種炫酷的3D動(dòng)畫效果。