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要素に適用して画像をネガ反転 サンプル