cssを使用して白黒画像を反転することは可能ですか？

Question

私は白黒画像を持っており、その画像の逆（黒の代わりに白と黒の代わりに黒）が必要です。私はそれが画像エディタで行うことができることを知っています、CSSでそれを扱う可能性はありますか？白黒画像を反転させるCSSプロパティがありますか？

Answer 1

あなたはfilter性質を持っている：単に画像は黒と白の作りとは対照的に、

.yourImage{ 
    -webkit-filter: invert(100%); /* Safari/Chrome */ 
    filter: invert(100%); 
} 

これは色が反転します。

Answer 2

あなたはfilter使用することができます。

-webkit-filter: grayscale(1) invert(1); 
filter: grayscale(1) invert(1); 

それとも、あなたは黒と白のイメージを持っている場合invert(1)の代わりgrayscale(1) invert(1)を使用します。

また、このようにIE用反転フィルターを使用することができます。

filter: progid:DXImageTransform.Microsoft.BasicImage(invert=1); 
zoom: 1; 

は、より多くのブラウザの互換性のため、このgistまたはjQuery.BlackAndWhiteプラグインを参照してください。