CSS是前端開發中不可或缺的一部分，通過CSS樣式表我們可以實現各種各樣的視覺效果。今天我們來講一下如何將頁面中的元素在y軸上傾斜，讓頁面更加生動有趣。

要在y軸上傾斜一個元素，我們可以使用CSS3的transform屬性。通過設置rotateY的值，可以使元素在y軸上傾斜。

.tilt {
transform: rotateY(30deg);
}

在上面的代碼中，我們創建了一個類名為tilt的CSS樣式，將元素傾斜了30度。我們可以通過給需要傾斜的元素添加此類名，來使其傾斜。

但是，我們需要注意的是，元素的傾斜方向可能不是我們想要的。我們可以通過給transform屬性添加rotateX來設置元素的傾斜方向。

.tilt {
transform: rotateX(30deg);
}

通過上面的代碼，元素在x軸上傾斜了30度。如果我們需要在y軸和x軸同時傾斜，可以如下設置：

.tilt {
transform: rotateY(30deg) rotateX(30deg);
}

以上是將元素在y軸上傾斜的方法和相關代碼，你可以通過此方法為你的網站添加生動而有趣的效果。