CSS3是一種用于網頁設計的樣式表語言，它為網頁設計人員提供了豐富的動畫效果和過渡效果。其中，轉動效果是最常用的之一，下面我們來介紹一下如何使用CSS3實現轉動效果。

.box {
width: 100px;
height: 100px;
background: #ccc;
transition: transform .5s;
transform-origin: 50% 50%;
}
.box:hover {
transform: rotate(360deg);
}

首先，我們在CSS中定義一個名為“box”的容器，寬高為100px，背景色為灰色。然后在它上面設置了一個轉換效果，transition屬性用于設置轉換效果的持續時間和運動方式，這里我們設置為.5秒并使用默認的ease運動方式。transform-origin屬性用于設置轉換發生的中心點，這里我們設置為中心點50%的位置。

接著，我們在:hover偽類中設置轉換效果的具體樣式，使用rotate()函數可以使傳入的值進行一定度數的旋轉，這里我們傳入360度，即360度的旋轉。當鼠標懸浮在.box容器上時，轉動效果即可觸發。

通過CSS3實現轉動效果是非常簡單的，只需要在樣式中增加一些轉換效果的屬性即可。注意到動畫效果不應過于復雜，不然會影響頁面性能，所以需要合理使用這些效果。