CSS滤镜灰度:我想要它黑色

Question

我使用以下css将我的彩色图像转换为灰度.

img.desaturate{
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: url(desaturate.svg#greyscale);
    filter: gray;
    -webkit-filter: grayscale(1);
}

但我想要它黑色(rgb(0,0,0)或#000000),而不是灰色.可能吗？

Answer 1

尝试使用

    filter: brightness(0%);

Answer 2

我参加聚会迟到了，但这是迄今为止我找到的最佳解决方案：

filter: brightness(0) invert(1);

Answer 3

我想你只想要黑白图像,比如矢量图像或什么东西,就是这样吗？您可以尝试使用饱和亮度和对比度滤镜:

filter: gray saturate(0%) brightness(70%) contrast(1000%);

在jsfiddle 演示(演示只适用于Webkit,我懒得编写所有供应商扩展:P)

Answer 4

我会尝试使用饱和滤镜而不是灰度来获得黑色。这是大卫·沃尔什网站上的链接，您可以使用设置来玩......

http://davidwalsh.name/demo/css-filters.php