filter:invert();
CSSの書き方
filter:invert();
| CSSの詳細情報 | |||||
|---|---|---|---|---|---|
| プロパティ名 | filter:invert(); | 読み方 | フィルター・インバート | ||
| 初期値 | — | 意味 | 対象の色彩/彩度/暗度を反転する | ||
| 値 | — | ||||
| 対象 | body/button/div/img/input/marquee/span/table/td/textarea/tfoot/th/thead/tr | ||||
| CSSレベル | IE独自 | 対応ブラウザ | Windows | MAC | |
| 継承 | する | IE 5.0以上 | — | ||
解説
「filter:invert();」は対象の色彩/彩度/暗度を反転して、ネガのような効果を得るフィルターです。
このフィルターは上記の要素に有効です。
ただし、spanとdiv要素は「width」、「height」プロパティが指定されているか、「position:absolute;」が指定されていなければなりません。
CSS/HTMLサンプル
img { filter:invert() ; }
invertフィルターをIMG要素に適用して画像をネガ反転 サンプル
