CSS - 着色灰度圖像

Question

在CSS中，是否有一種標準的方法來着色或應用色調到灰度圖像？

我想創建的灰度圖像顯示焦點在一個元素上，並且允許聚焦的顏色是由着色的灰度圖像進行配置。

感謝

Answer 1

你可以改變的α和有它背後堅實的背景顏色。

Answer 2

如果在alpha通道中使用漸變，可以使用絕對定位並將其放在圖像的頂部。如果你不能使用Alpha通道製作漸變，那麼你可以使用CSS調整疊加層的不透明度，但效果不是很好。

我用它作爲鼠標懸停區域選擇的地圖，它工作得很好。