CSS3是CSS的最新版本，已經成為前端開發的必備技能之一。其中，CSS3中的旋轉功能，讓開發者能夠很方便地實現各種效果，比如圖片的旋轉。

通過CSS3中的transform屬性，我們可以對元素進行旋轉，其中，順時針旋轉需要使用到rotate()函數。下面是一個示例代碼：

.rotate {
transform: rotate(90deg);
}

以上代碼表示將.rotate類的元素順時針旋轉90度。如果需要逆時針旋轉，只需要將90度改為-90度即可：

.rotate {
transform: rotate(-90deg);
}

另外，我們也可以通過transition屬性給元素添加旋轉動畫，使效果更加生動。例如：

.rotate {
transform: rotate(0deg);
transition: transform 1s;
}
.rotate:hover {
transform: rotate(90deg);
}

以上代碼表示將.rotate類的元素順時針旋轉90度，并添加1秒的過渡。在鼠標懸停時，元素會順時針旋轉90度。

要注意的是，旋轉的中心點默認是元素的中心點，如果需要修改中心點，可以使用transform-origin屬性。例如，將中心點設置為左下角：

.rotate {
transform: rotate(90deg);
transform-origin: left bottom;
}

通過使用CSS3的旋轉功能，我們可以輕松地實現各種效果，讓頁面更加生動、有趣。