在網頁設計中，很多時候都需要對圖片進行處理，比如讓圖片有一個特殊的效果。這里我們介紹一下如何使用CSS讓圖片實現由暗變亮的效果。

img {
filter: brightness(0.7);
transition: filter 0.5s ease;
}
img:hover {
filter: brightness(1);
}

其中，filter: brightness(0.7);表示將圖片的亮度設置為70%，使其看起來暗淡。而transition: filter 0.5s ease;則是指在改變亮度時使用0.5秒的漸變過程，使得變化更加自然。在鼠標懸停在圖片上時，img:hover讓圖片的亮度變為100%（即恢復正常的亮度），呈現出一個有光斑的效果。

通過上述代碼，我們可以輕松地給網頁的圖片增加一些趣味和活力，使網頁更具有吸引力。