CSS Reference

grayscale()

グレースケールに変換する

grayscale() 関数は、フィルター関数と呼ばれるCSS関数で、filter プロパティを使用して要素に適用することで、グレースケールに変換することができます。

指定可能な値は、<number> または <percentage> 値となり、1 もしくは 100% を指定すると完全なグレースケール、0 もしくは 0% を指定すると効果が適用されないという意味になります。

grayscale()のサンプルソース

filter: grayscale(1);
filter: grayscale(60%);
filter: grayscale(0.25);

主要ブラウザの対応

IE11 ×
Edge(EdgeHTML)
Edge(Chromium)
Chrome
Firefox
Safari
iOS Safari
Android Chrome

用途から CSS プロパティやセレクタを探す

用途から CSS プロパティやセレクタを逆引きできます。

対応ブラウザから CSS プロパティやセレクタを探す

対応ブラウザから CSS プロパティやセレクタを逆引きできます。

Edge(EdgeHTML)
Edge(Chromium)
Firefox
Chrome
Safari
iOS Safari
Android Chrome