CSS3 原生支持通過鼠標經過圖片時使其變暗，可以為頁面添加更多的視覺效果和互動性。在 CSS3 中，可以使用偽類選擇器:hover來實現鼠標懸停效果。

img:hover {
filter: brightness(80%);
}

上面代碼中，brightness函數用于調整圖片的亮度，取值范圍為 0-100%，80% 代表將亮度調整為原來的 80%。

如果需要在鼠標經過時向左側平移圖片，可以使用translateX()函數：

img:hover {
transform: translateX(-10%);
}

上面代碼中，translateX()函數用于沿 X 軸平移元素，取值范圍為任意長度單位。

如果需要同時調整亮度和平移圖片，可以使用多個屬性：

img:hover {
filter: brightness(80%);
transform: translateX(-10%);
}

上面代碼中，filter屬性用于調整圖片的亮度，transform屬性用于沿 X 軸平移元素。

在實際開發中，可以利用鼠標懸停事件為用戶提供更加豐富的體驗，例如在圖片標題下方顯示圖片相關信息，或為圖片添加動畫效果。