CSS可以用來(lái)控制頁(yè)面中的圖片特效，其中包括圖片變暗或變透明兩種效果。

/*變暗*/
img:hover {
filter: brightness(50%);
}
/*變透明*/
img:hover {
opacity: 0.5;
}

以上兩段代碼分別是實(shí)現(xiàn)圖片變暗和變透明的CSS代碼。對(duì)于圖片變暗的效果，我們可以使用filter: brightness()屬性來(lái)控制圖片的亮度，該屬性的值為0%到100%之間的數(shù)字，0%表示完全黑色，100%表示原始亮度。

而圖片變透明的效果可以通過(guò)opacity屬性來(lái)實(shí)現(xiàn)，該屬性的值為0到1之間的數(shù)字，0表示完全透明，1表示完全不透明。

需要注意的是，以上兩種效果都是在鼠標(biāo)懸停時(shí)才會(huì)出現(xiàn)，因此需要使用:hover選擇器來(lái)觸發(fā)效果。