CSS中的z軸縮放指的是改變元素在z軸方向上的大小，從而改變元素在三維空間中的位置和視覺效果。

例如，在一個3D場景中，我們可以使用z軸縮放來改變元素的遠近關系。當一個元素被放大時，它會變得更加突出，看起來更加靠前，而當它被縮小時，它會變得更加平淡，看起來更加靠后。

/* 以下是一個簡單的CSS樣式，展示了z軸縮放的效果 */
.container {
perspective: 1000px; /* 定義3D場景的視距 */
}
.box {
width: 100px;
height: 100px;
background-color: #f00;
transform: translateZ(0) scale(1); /* 定義元素的z軸偏移量和縮放比例 */
}
.box:hover {
transform: translateZ(50px) scale(1.5); /* 在hover狀態下，將元素向z軸正方向移動50px，并放大1.5倍 */
}

在上面的代碼中，我們首先定義了一個3D場景，使用perspective屬性來定義場景的視距。然后，我們定義了一個矩形元素，使用translateZ和scale屬性分別定義了它在z軸方向上的偏移量和縮放比例。

接著，我們使用:hover偽類來定義元素在鼠標懸停狀態下的效果。在這里，我們使用了與之前相同的縮放比例，但加上了50px的z軸偏移量，使元素在z軸方向上向前移動了一些，看起來更加突出。

通過使用z軸縮放，我們可以輕松地創建各種各樣的3D效果，讓我們的Web頁面更加生動、有趣。