CSS Reference

invert()

要素の色を反転する

invert() 関数は、フィルター関数と呼ばれるCSS関数で、filter プロパティを使用して要素に適用することで、その要素の色を反転します。

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

色の反転は、RGBの色成分を基に行われます。具体的には、各ピクセルの赤(Red)、緑(Green)、青(Blue)の値を反転します。

invert()のサンプルソース

filter: invert(0.3);
filter: invert(70%);

主要ブラウザの対応

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