今天我們來介紹一種常用的CSS技巧——圖片反轉?？赡苡行┬』锇檫€不了解這個技巧，不用擔心，我們來一步一步地學習。 首先，讓我們看看CSS3提供的transform屬性。這個屬性可以讓你改變元素的形狀或位置。其中，rotate()值可以讓元素旋轉一定的度數。我們可以利用這個屬性使圖片反轉。 接下來，我們來看看如何在CSS中實現圖片反轉。首先，我們需要給圖片添加一個類名，例如“flip-horizontally”，以便我們在CSS中找到它。然后，我們需要為這個類添加以下樣式：

.flip-horizontally {
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
filter: FlipH;
-ms-filter: "FlipH";
}

以上CSS代碼的作用是將圖片水平翻轉。我們可以通過transform屬性中的scaleX(-1)來實現，也可以通過filter屬性中的FlipH來實現。請注意，這里需要添加各種瀏覽器的前綴，以確保在不同瀏覽器上都能正常工作。 最后，我們將在HTML中使用這個類名來應用這個樣式。例如，我們可以給圖片添加一個class屬性，如下所示：

<img src="example.png" class="flip-horizontally">

如此簡單，我們便可以在CSS中實現圖片反轉。希望這篇文章能幫到大家，讓我們在頁面設計中更加得心應手！