CSS - 着色灰度图像

Question

在CSS中，有没有一种标准方法可以着色或将色调应用于灰度图像？

我想创建一个灰度图像，以在一个元素上显示焦点，并允许通过着色灰度图像来配置焦点的颜色。

谢谢

Answer 1

您可以更改Alpha并在其后面留下纯色背景。

Answer 2

如果您使用带alpha通道的渐变，则可以使用绝对定位并将其置于图像的顶部。如果你不能使用alpha通道制作渐变，那么你可以使用CSS调整叠加层的不透明度，但效果不是很好。

我将它用于地图的鼠标悬停区域选择，并且效果很好。