CSS中的旋轉效果常常被用來增強頁面的視覺效果，而利用鼠標經過事件觸發旋轉，可以為網頁添加更多交互性和趣味性。

div {
width: 200px;
height: 200px;
background-color: #eee;
}
div:hover {
transform: rotate(180deg);
}

上述代碼使用了CSS3中的transform屬性來實現旋轉效果。當鼠標經過div元素時，觸發:hover選擇器，使div旋轉180度。

需要注意的是，這里的旋轉中心默認為元素的中心點，可以通過transform-origin屬性來改變旋轉中心。

div {
width: 200px;
height: 200px;
background-color: #eee;
transform-origin: center bottom;
}
div:hover {
transform: rotate(180deg);
}

上述代碼將旋轉中心設置為元素的中心點底部，使得鼠標經過旋轉時更顯得具有立體感。

除了旋轉之外，還可以利用CSS3中的其他3D變換效果，如平移、縮放、扭曲等，實現更加豐富的交互效果。