CSS3 鏡像漸變是一種通過鏡像效果展示漸變的 CSS 技術。它使用 linear-gradient() 函數來實現顏色漸變，并在背景中使用 -webkit-background-clip 和 -webkit-text-fill-color 屬性來創建鏡像效果。

background-image: -webkit-linear-gradient(left, #f00, #00f);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;

以上代碼實現了一個從紅色到藍色的水平漸變，同時將漸變應用于文本的背景中。background-clip 屬性用于定義元素背景的繪制區域，而 -webkit-background-clip 則指定了應用于文本背景的繪制區域。

同時，我們還需要使用 -webkit-text-fill-color 屬性來設置文本的顏色為透明，以便漸變的顏色能夠顯示在文本上。

除了水平漸變，我們還可以使用垂直、對角線等方向的漸變，并通過調整角度或坐標軸來實現需要的鏡像效果。例如，以下實現了一個垂直漸變的文本鏡像效果：

background-image: -webkit-linear-gradient(top, #f00, #00f);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;

通過使用 CSS3 鏡像漸變，網頁設計師可以為文本和圖像添加更為豐富的效果，增強網頁的視覺效果和用戶體驗。