filter: invert();

ブラウザ
  • IE
プロパティ
  • 独自拡張プロパティ
IE10以降は未対応となりました。

invert は、色(色合い、明るさ、彩度)を反転させるフィルタです。


.example {
filter: invert();
}

  • このプロパティは、CSS 2では定義されていません。

使用例

フィルタなしの状態
<p><img src="example1.gif" alt="[サンプル]"></p>

[サンプル]

<div style="font: bold 170% sans-serif; width: 100%;">
フィルタの表示テスト
</div>
フィルタの表示テスト
色を反転
<p><img src="example1.gif" alt="[サンプル]" style="filter: invert();"></p>

[サンプル]

<div style="font: bold 170% sans-serif; width: 100%; filter: invert();">
フィルタの表示テスト
</div>
フィルタの表示テスト