CSS 實現照片旋轉很簡單，只需要用到 CSS3 的 transform 屬性即可。

img {
transition: transform 0.5s ease;
}
img:hover {
transform: rotate(180deg);
}

上面的代碼表示當鼠標懸停在圖片上時，圖片會以中心點為中心逆時針旋轉 180 度。其中 transition 屬性是過渡效果，用于讓圖片的旋轉效果更加平緩自然。

如果想讓圖片一直旋轉，可以使用動畫屬性 animation。

img {
animation: spin 2s linear infinite;
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}

上面的代碼表示圖片會無限循環順時針旋轉 360 度。其中 animation 屬性是動畫屬性，關鍵幀 keyframes（或簡稱為動畫）指定了從起始狀態到結束狀態的樣式。

除此之外，還有很多其他的旋轉效果，如傾斜、縮放等，這里就不一一贅述了。