在網頁設計中，圖片的展示是至關重要的。有時可能需要旋轉圖片以達到更好的設計效果。那么，我們該如何使用CSS旋轉圖片呢？
首先，我們需要使用CSS中的transform屬性。該屬性可以旋轉元素，包括圖片。值得注意的是，該屬性需要結合角度單位來使用。
我們可以通過如下代碼來旋轉一個圖片：

其中，90為旋轉角度，單位為度數。
如果要將圖片沿著垂直軸旋轉180度，可以使用如下代碼:

垂直軸旋轉可通過rotateY實現，水平軸可通過rotateX實現。同樣地，我們可以將圖片沿著X軸旋轉90度，代碼如下：

除了以上三種基本旋轉方式，我們還可以通過使用變形矩陣的方式來實現更復雜的變換。例如，我們可以通過如下代碼來旋轉圖片45度并縮小一倍：

以上代碼使用了變形矩陣和scale屬性，實現了復雜的變換效果。
綜上所述，使用CSS旋轉圖片的方式非常靈活，可以通過transform屬性和相關的CSS屬性來實現不同的旋轉效果。為達到更好的視覺效果，設計師可以進行更加復雜的變換，創造出更具藝術感的成果。