CSS圖片手動翻轉是一項非常有用的功能，可以讓你對圖片進行翻轉以改變它的方向。下面讓我們來看看如何進行圖片翻轉。

/* 確定圖片翻轉的方向 */
.flip-horizontal {
transform: scaleX(-1);
}
.flip-vertical {
transform: scaleY(-1);
}
.flip-both {
transform: rotate(180deg);
}

如上所示，我們可以使用transform屬性來進行圖片翻轉。通過設置scaleX，scaleY和rotate函數，可以分別實現水平翻轉、垂直翻轉和雙向翻轉。

如果想讓圖片在鼠標懸停的時候翻轉，我們可以加入以下CSS代碼：

/* 在鼠標懸停時翻轉圖片 */
img:hover.flip-horizontal {
transform: scaleX(-1);
}
img:hover.flip-vertical {
transform: scaleY(-1);
}
img:hover.flip-both {
transform: rotate(180deg);
}

上述代碼可以讓圖片在鼠標懸停時進行翻轉，并且與之前的代碼保持一致。

總之，CSS圖片翻轉功能可以讓我們更好的改變圖片的方向，從而更好的表達我們的想法和設計。