CSSやJavaScriptで画像の色を反転させる

質問

画像（jpg/png...）の色を反転させるには、可能であればcssかjavascriptでどうすればよいのでしょうか？

前 関連 の質問では、十分な詳細が得られません。

どのように解決するのですか？

CSS3 では、新しいフィルター属性 があり、これは webkit ブラウザでのみ機能します。 対応 は、webkit ブラウザと Firefox で動作します。IE や Opera mini ではサポートされていません。

img {
   -webkit-filter: invert(1);
   filter: invert(1);
   }

<img src="http://i.imgur.com/1H91A5Y.png">