在網頁設計中，圖片放大和旋轉是常見的操作。CSS提供了簡便的方法來實現這兩個效果。下面我們將分別介紹如何使用CSS讓圖片放大和旋轉。

/* 圖片放大 */
img {
transition: transform .3s; /* 設置過渡效果，時長為0.3秒 */
}
img:hover {
transform: scale(1.2); /* 鼠標懸停時將圖片放大1.2倍 */
}

首先我們先來看如何讓圖片放大。在CSS中，我們可以通過設置transform屬性來實現圖片縮放。如果要讓圖片放大，我們只需要在圖片的hover偽類中添加transform:scale(1.2)，其中的1.2即為放大倍數。

上述代碼實現了一個簡單的過渡效果，讓圖片放大的過程顯得更加柔和自然。如果你想改變放大倍數或調整過渡時間，只需要修改transition屬性的參數即可。

/* 圖片旋轉 */
.rotate {
transition: transform .3s; /* 設置過渡效果，時長為0.3秒 */
}
.rotate:hover {
transform: rotate(360deg); /* 鼠標懸停時將圖片旋轉360度 */
}

接下來我們來看如何讓圖片旋轉。同樣地，我們需要使用transform屬性來實現旋轉，只不過這次是通過rotate()函數來實現的。如果要讓圖片旋轉，我們只需要在圖片的hover偽類中添加transform:rotate(360deg)，其中的360即為旋轉角度。

與放大效果一樣，上述代碼也實現了一個過渡效果，讓旋轉過程更加流暢自然。如果你想改變旋轉角度或調整過渡時間，同樣可以通過修改transition屬性的參數來進行調整。