没有覆盖的图像上的黑色色调 - Firefox

Question

我已经成功地使用以下代码在 Safari 中为我的图像着色：

-webkit-filter: grayscale; /*sepia, hue-rotate, invert....*/
-webkit-filter: brightness(50%); 

但是，它在 Firefox 中不起作用。我知道如何在 Firefox 中获得完全灰度的图像，但我不希望它是完全灰度的——而是像我在 Safari 中使用上述代码能够实现的黑色色调。

谢谢 <3

Answer 1

使用

img { filter: grayscale(.5); filter: brightness(.5); }

在 Firefox 中

有关更多示例，请参阅 Mozilla guide to filters