CSS3中提供了旋轉transform屬性來幫助我們實現元素的旋轉效果。通過設置旋轉角度可以讓元素呈現出不同的旋轉方向。

/* 順時針旋轉30度 */
transform: rotate(30deg);

旋轉角度的單位可以使用度數（deg）或弧度（rad），其中1度等于π/180弧度。通過設置負值的旋轉角度，可以實現逆時針旋轉的效果。

/* 逆時針旋轉60度 */
transform: rotate(-60deg);

如果希望元素以某個點為中心進行旋轉，可以使用transform-origin屬性來設置該點在元素坐標系中的位置，默認情況下該點是元素的中心點。

/* 以左上角為中心點逆時針旋轉45度 */
transform-origin: left top;
transform: rotate(-45deg);

除了基本的旋轉效果外，CSS3還提供了其他的變形效果，如傾斜（skew）、縮放（scale）等，可以通過組合這些變形效果來實現更加豐富的元素動畫效果。

/* 組合旋轉和縮放效果 */
transform: rotate(30deg) scale(1.5);

CSS的旋轉效果可以為網頁的設計帶來更多的趣味性和創意性，但同時也應該注意不要過度使用，否則可能會影響到網頁的可用性和用戶體驗。