CSS中的旋轉(zhuǎn)效果可以讓網(wǎng)頁看起來更加生動，其中之一的旋轉(zhuǎn)方式就是隨y軸旋轉(zhuǎn)。以下是該效果的代碼示例：

.rotate-y {
transition: transform 0.5s ease-in-out;
transform-style: preserve-3d;
}
.rotate-y:hover {
transform: rotateY(180deg);
}

上面的代碼中，我們?yōu)橐粋€元素添加了class名為rotate-y，并且為它定義了CSS過渡動畫效果和3D變換效果。當(dāng)該元素被鼠標(biāo)懸停時，我們使用transform屬性中的rotateY函數(shù)來讓它繞y軸旋轉(zhuǎn)180度。

需要注意的是，為了讓這種旋轉(zhuǎn)效果看起來更加真實(shí)，我們需要使用transform-style屬性來指定該元素的父級元素將保留3D變換的效果，因?yàn)?D變換需要從父級元素開始計(jì)算。

通過這種方式，我們可以讓網(wǎng)頁元素以一種妙趣橫生的方式呈現(xiàn)出來，增強(qiáng)頁面的互動性和視覺效果，同時也提高了用戶體驗(yàn)。