CSS動畫是Web開發中的一項重要技術，它可以實現頁面的各種效果和動態交互。其中，Y軸旋轉是一個非常常用且具有視覺沖擊力的效果。

.box{
width: 200px;
height: 200px;
background-color: green;
transform-style: preserve-3d; /* 開啟3D動畫 */
transition: transform .5s ease; /* 添加過渡效果 */
}
.box:hover{
transform: rotateY(180deg); /* 實現Y軸旋轉 */
}

在上面的代碼中，我們首先定義了一個寬高為200px的綠色方塊，然后開啟了3D動畫，并添加了一個過渡效果。接著，在:hover偽類中，我們使用transform: rotateY(180deg)實現了Y軸旋轉。

在實際開發中，我們可以根據自己的需求自定義相關參數，如旋轉角度、時間、緩動等。同時，我們還可以結合其他CSS屬性，如opacity、scale等，來進一步添加細節和美化頁面效果。