CSS翻轉(zhuǎn)圖片是一個(gè)很有趣的效果，它可以讓圖片在頁(yè)面中呈現(xiàn)出不同的視覺(jué)效果。下面是一些常用的翻轉(zhuǎn)圖片的方法。

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

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

除此之外，CSS還提供了一個(gè)filter屬性，可以通過(guò)FlipH來(lái)實(shí)現(xiàn)水平翻轉(zhuǎn)、通過(guò)FlipV來(lái)實(shí)現(xiàn)垂直翻轉(zhuǎn)、通過(guò)FlipH FlipV來(lái)實(shí)現(xiàn)組合翻轉(zhuǎn)。使用filter屬性時(shí)需要注意，它只能在IE 6-9中生效，其他瀏覽器都會(huì)忽略這個(gè)屬性，所以建議優(yōu)先使用transform屬性。

CSS翻轉(zhuǎn)圖片是一個(gè)很簡(jiǎn)單的效果，但是可以給頁(yè)面增添不少趣味性。使用以上的方法，你可以輕松地實(shí)現(xiàn)圖片的水平、垂直和組合翻轉(zhuǎn)。