在網頁設計和開發中，圖片往往是一個必不可少的元素。CSS可以為圖片添加多種樣式，其中包括旋轉和放大。下面我們來了解一下相關的代碼。

/*圖片旋轉*/
.rotate-img {
transform: rotate(30deg); /*旋轉角度，可以是正數或負數*/
}
/*圖片放大*/
.enlarge-img {
transform: scale(1.2); /*放大倍數，1為原大小*/
}

以上代碼中，我們使用了CSS3的transform屬性，對圖片進行了旋轉和放大的操作。其中rotate()函數用于旋轉元素，單位為度數；scale()函數用于縮放元素，倍數可以是小數。

通過在HTML中設置相應的類名，我們就可以為圖片添加對應的樣式。例如：

<img src="example.png" class="rotate-img" />
<img src="example.png" class="enlarge-img" />

上述代碼中，第一張圖片將被旋轉30度，第二張圖片將被放大1.2倍。

總的來說，CSS的圖片旋轉和放大功能可以讓我們在設計網頁時更加靈活自由，為網頁元素添加更多的視覺效果。