CSS可以讓我們輕松實現很多鼠標變化效果，如圖片變暗變亮。今天我們來學習如何使用CSS制作圖片暗色鼠標變亮效果。

/* 鼠標懸停時圖片變亮 */
img:hover {
filter: brightness(1.2);
}
/* 圖片默認亮度 */
img {
filter: brightness(0.8);
}

以上代碼中，我們使用CSS的filter屬性來實現圖片暗色鼠標變亮的效果。filter屬性允許我們對元素應用各種視覺效果，并且支持多個值的組合。這里我們使用brightness值來調整圖片的亮度。

代碼解釋如下：

/* 鼠標懸停時圖片變亮 */
img:hover {
filter: brightness(1.2); //將圖片亮度調整到1.2倍
}
/* 圖片默認亮度 */
img {
filter: brightness(0.8); //將圖片亮度調整到0.8倍
}

你可以根據需要自由調節圖片亮度，從而制作出獨特的鼠標變化效果。當用戶將鼠標懸停在圖片上時，圖片會以變亮的效果呈現，增強用戶體驗。

總之，CSS是我們制作網頁中不可或缺的工具之一，掌握CSS技能可以讓我們實現更加豐富多彩的網站效果。希望這篇文章對你有所幫助！