CSS3 圖片鏡像是一種很簡單實用的技巧，可以讓圖片在頁面上呈現出水平或垂直鏡像的效果。本文將介紹如何使用 CSS 實現圖片鏡像的效果。 首先，我們需要準備一張圖片，在 HTML 中使用 img 標簽插入圖片，并給圖片一個 class：

<img src="example.jpg" alt="example" class="mirror" />

接下來，在 CSS 中，我們可以使用 transform 屬性來實現圖片的水平或垂直鏡像。設置水平鏡像可以使用 scaleX(-1)：

.mirror {
transform: scaleX(-1);
}

設置垂直鏡像可以使用 scaleY(-1)：

.mirror {
transform: scaleY(-1);
}

如果想同時實現水平和垂直鏡像，可以使用 scale(-1, -1)：

.mirror {
transform: scale(-1, -1);
}

除了 transform 屬性，CSS3 還提供了多種其他屬性，例如 reflect、filter、mask 等，可以實現更多炫酷的圖片效果。 總結： CSS3 圖片鏡像是一種簡單實用的技巧，可以通過 transform 屬性實現水平或垂直鏡像的效果。除了 transform 屬性，還有其他多種屬性可以實現更多圖片效果，讓你的網站更具吸引力。