CSS可以實現對圖片進行翻轉，不僅可以實現上下翻轉，還可以實現左右翻轉，甚至可以自由組合實現各種翻轉效果。本文將介紹如何使用CSS將圖片翻轉180度。

.flip {
transform: rotate(180deg);
}

在CSS中，我們可以使用transform屬性來對元素進行變形操作。其中，rotate()函數可以實現旋轉操作。當我們需要將圖片翻轉180度時，只需要將旋轉角度設置為180度即可。 例如，如果需要將一個id為img的圖片翻轉180度，我們可以添加如下CSS代碼：

#img {
transform: rotate(180deg);
}

這樣，圖片就會被翻轉180度。如果我們要對鼠標懸停在圖片上時進行翻轉，可以使用:hover偽類選擇器來實現。 例如，下面的代碼可以實現鼠標懸停在圖片上時進行翻轉：

#img:hover {
transform: rotate(180deg);
}

另外，我們還可以使用transform-origin屬性來定義旋轉的參考點。默認情況下，旋轉的參考點為元素的中心點。如果我們需要將參考點設置為圖片的左邊緣，可以使用如下代碼：

#img {
transform: rotate(180deg);
transform-origin: left;
}

在實際應用中，我們可以根據具體需要自由組合transform屬性的各種函數，實現各種復雜的翻轉效果。