CSS3可以使我們輕松地創建令人驚嘆的動態效果，其中一個常見的效果就是鼠標劃入旋轉。要創建這個效果，我們需要使用CSS3的transform屬性和:hover偽類。

/* 首先定義我們想要旋轉的元素 */
.rotate {
width: 100px;
height: 100px;
background-color: #ff0000;
}
/* 使用transform屬性來實現旋轉效果 */
.rotate:hover {
transform: rotate(360deg);
transition: all 0.5s ease; /* 添加過渡效果，讓旋轉更加平滑 */
}

在代碼中，我們首先定義一個表示想要旋轉的元素的類，其具有指定的寬度、高度和背景顏色。然后，我們使用:hover偽類來定義當鼠標劃過時，元素應該實現的樣式。

我們使用transform: rotate(360deg)來使元素繞著中心點旋轉360度。我們還添加了一個過渡效果，使旋轉更平滑。這通過transition屬性實現，其中all表示過渡應該適用于元素的所有CSS屬性，0.5s表示過渡應該持續0.5秒，而ease表示過渡效果應該是緩慢快速開始，然后緩慢結束。

這就是如何使用CSS3來實現鼠標劃入旋轉效果的基本方法。你可以通過調整類中指定的屬性以及hover樣式來自定義旋轉效果。在設計網站時，這種效果可以為用戶提供更好的交互體驗，吸引他們留在網頁上。