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

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

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

而圖片變透明的效果可以通過opacity屬性來實現，該屬性的值為0到1之間的數字，0表示完全透明，1表示完全不透明。

需要注意的是，以上兩種效果都是在鼠標懸停時才會出現，因此需要使用:hover選擇器來觸發效果。