CSS是前端開發中非常重要的一部分，它可以用來控制網頁的樣式。其中，圖片的旋轉是常用的效果之一，我們可以使用CSS來實現二維的圖片旋轉。

要實現二維旋轉，首先需要設置圖片的旋轉角度。下面是一個旋轉30度的例子：

img {
transform: rotate(30deg);
}

通過設置transform屬性中的rotate值，我們可以控制圖片的旋轉方向和角度。

如果想要讓圖片以自身中心點進行旋轉，可以結合使用transform-origin屬性：

img {
transform: rotate(30deg);
transform-origin: center center;
}

這樣就可以讓圖片繞自身中心點旋轉。

除了使用角度值來旋轉圖片外，我們還可以使用關鍵字，例如橫向翻轉和縱向翻轉：

img {
transform: scaleX(-1); /* 橫向翻轉 */
transform: scaleY(-1); /* 縱向翻轉 */
}

CSS的transform屬性可以實現各種復雜的變換，掌握它可以大大提升我們的開發效率。