CSS3中的3D旋轉(zhuǎn)是一項強大的功能，可使元素繞其x，y和z軸進行旋轉(zhuǎn)。其中，y軸旋轉(zhuǎn)是指元素繞其垂直于元素本身的y軸進行旋轉(zhuǎn)。

transform: rotateY(45deg);

上述代碼表示將元素繞其y軸旋轉(zhuǎn)45度。當旋轉(zhuǎn)角度為正時，元素將以順時針方向旋轉(zhuǎn)；當旋轉(zhuǎn)角度為負時，則以逆時針方向旋轉(zhuǎn)。

可以通過設置動畫實現(xiàn)元素的平滑旋轉(zhuǎn)：

@keyframes rotateY {
from { transform: rotateY(0); }
to { transform: rotateY(360deg); }
}
.box {
animation: rotateY 3s infinite linear;
}

上述代碼表示定義了名為rotateY的動畫，讓元素在3秒內(nèi)繞y軸旋轉(zhuǎn)360度，并且動畫無限循環(huán)。其中的linear表示動畫以勻速進行。

需要注意的是，在使用y軸旋轉(zhuǎn)時，元素的高度必須大于0，否則元素將無法顯示。

CSS3中y軸旋轉(zhuǎn)的功能為網(wǎng)頁設計師提供了更多的動畫效果，可以用來制作3D畫廊、圖片展示等各種效果。但是在使用時，需要謹慎考慮旋轉(zhuǎn)后的元素位置變化，以及兼容性等問題。