27

次の 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）が必要です。出来ますか？

4

7 に答える 7

47

使用してみてください：

filter: brightness(0%);
于 2016-07-08T11:43:29.303 に答える
3

私はパーティーに遅れましたが、これまでに見つけた最良の解決策は次のとおりです。

filter: brightness(0) invert(1);
于 2019-12-05T13:34:08.760 に答える
2

これは古い質問だと思いますが、黒の背景色を親要素に適用してopacity、子をフェードするために使用できませんでしたimgか?

于 2014-02-26T16:48:04.197 に答える
1

これを書いたプロ：

https://codepen.io/sosuke/pen/Pjoqqp

これを黒くすると言います：

brightness(0) saturate(100%)
于 2021-05-20T07:20:31.120 に答える
-1

グレースケールではなく飽和フィルターを使用して、黒色を取得してみます。これは、設定で遊ぶことができるdavid Walsheのサイトのリンクです...

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

于 2013-04-09T14:19:56.753 に答える