CSS3中提供了豐富的旋轉屬性，其中包括圖片2D旋轉。2D旋轉可以使得圖片圍繞自身的中心點進行旋轉，讓頁面效果更加生動豐富。

img {
transform: rotate(30deg); /* 旋轉30度 */
}

上述代碼表示將圖片旋轉30度，如果想要實現反向旋轉，則只需要將旋轉角度改為負值即可。

img {
transform: rotate(-30deg); /* 反向旋轉30度 */
}

除此之外，我們還可以通過使用transition屬性實現動態的旋轉效果，如下所示：

img {
transform: rotate(0deg); /* 設置初始位置 */
transition: transform 1s ease-in-out; /* 使用過渡效果 */
}
img:hover {
transform: rotate(360deg); /* 鼠標懸浮時旋轉一周 */
}

上述代碼表示圖片初始位置為0度，當鼠標懸浮在圖片上時，圖片會以1秒的時間逐漸旋轉360度。

CSS3的圖片2D旋轉為我們的頁面制作帶來了更多的可能性，讓我們的網頁更加生動，更具吸引力。