在CSS中，我們可以使用transform屬性來(lái)實(shí)現(xiàn)圖片的翻轉(zhuǎn)。transform屬性允許我們對(duì)元素進(jìn)行旋轉(zhuǎn)、縮放、移動(dòng)和傾斜等操作，要實(shí)現(xiàn)圖片翻轉(zhuǎn)，我們可以使用transform: scaleX(-1)來(lái)實(shí)現(xiàn)水平翻轉(zhuǎn)，或者使用transform: scaleY(-1)來(lái)實(shí)現(xiàn)垂直翻轉(zhuǎn)。

假設(shè)我們有一個(gè)圖片元素，我們可以這樣寫(xiě)CSS代碼來(lái)實(shí)現(xiàn)水平翻轉(zhuǎn)：

img {
  transform: scaleX(-1);
}

或者實(shí)現(xiàn)垂直翻轉(zhuǎn)：

img {
  transform: scaleY(-1);
}

這樣，圖片就會(huì)按照指定的方向進(jìn)行翻轉(zhuǎn)，需要注意的是，transform屬性的值是一個(gè)矩陣，表示對(duì)元素進(jìn)行的變換，在這個(gè)例子中，scaleX(-1)和scaleY(-1)分別表示在水平和垂直方向上對(duì)元素進(jìn)行翻轉(zhuǎn)。

除了使用transform屬性，我們還可以使用filter屬性來(lái)實(shí)現(xiàn)圖片的翻轉(zhuǎn)。filter屬性允許我們對(duì)圖片進(jìn)行一系列的操作，包括翻轉(zhuǎn)、模糊、亮度調(diào)整等，要實(shí)現(xiàn)圖片翻轉(zhuǎn)，我們可以使用filter: flipX()來(lái)實(shí)現(xiàn)水平翻轉(zhuǎn)，或者使用filter: flipY()來(lái)實(shí)現(xiàn)垂直翻轉(zhuǎn)。

img {
  filter: flipX();
}

或者：

img {
  filter: flipY();
}

這樣，圖片就會(huì)按照指定的方向進(jìn)行翻轉(zhuǎn)，需要注意的是，filter屬性的值是一個(gè)函數(shù)，表示對(duì)圖片進(jìn)行的操作，在這個(gè)例子中，flipX()和flipY()分別表示在水平和垂直方向上對(duì)圖片進(jìn)行翻轉(zhuǎn)。