CSS翻轉圖片是一個很有趣的效果，它可以讓圖片在頁面中呈現出不同的視覺效果。下面是一些常用的翻轉圖片的方法。

/* 水平翻轉圖片 */
.image{
transform: scaleX(-1);
filter: FlipH;
}
/* 垂直翻轉圖片 */
.image{
transform: scaleY(-1);
filter: FlipV;
}
/* 組合翻轉圖片 */
.image{
transform: scaleX(-1) scaleY(-1);
filter: FlipH FlipV;
}

以上是三種常用的CSS翻轉圖片的方法。其中，transform屬性可以通過scaleX、scaleY來控制圖片的水平和垂直方向翻轉，取值可以是1或-1，1表示不翻轉，-1表示翻轉。同時也可以組合使用，如scaleX(-1) scaleY(-1)即可實現同時水平和垂直翻轉。

除此之外，CSS還提供了一個filter屬性，可以通過FlipH來實現水平翻轉、通過FlipV來實現垂直翻轉、通過FlipH FlipV來實現組合翻轉。使用filter屬性時需要注意，它只能在IE 6-9中生效，其他瀏覽器都會忽略這個屬性，所以建議優先使用transform屬性。

CSS翻轉圖片是一個很簡單的效果，但是可以給頁面增添不少趣味性。使用以上的方法，你可以輕松地實現圖片的水平、垂直和組合翻轉。