回答:
WebKitベースのブラウザーでは、次のスタイルを追加して色反転を実現できます。
html { -webkit-filter: invert(); }
悲しいことに、私たちは現在Firefoxでの実装を待っています:https : //developer.mozilla.org/en-US/docs/CSS/filter#Browser_compatibility
Firefoxでこれに相当するものは次のようになります。
html {
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'invert\'><feColorMatrix type=\'matrix\' values=\'-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0\'/></filter></svg>#invert");
}
ただし、結果はそれほど良くはありません。
これがWebKitのブックマークレットです(jQueryをロードする必要があります):
javascript:$("html").css("-webkit-filter","invert()")
html
ます。境界線を反転させるにはどうすればよいですか?
(編集:MozillaがInvertをサポートしないことにしたため、ブックマークレットがFirefoxで機能しないことに気づきました。ただし、同じことを行うjQueryリンクがページにあります。)このページでブックマークレットを使用できます: http:/ /lea.verou.me/2011/04/invert-a-whole-webpage-with-css-only/
オペレーティング・システム?私のMacにはNocturneというアプリがあります。アプリ全体で色が反転します。ctrl-option-cmd-F8を押すのと同じです。Windowsでそれを行う方法がわかりません。Nocturneは、色を微調整したり反転させたりするだけではなく、夜間や薄暗い照明下での表示を少し良くするので、少し快適です。ここでの利点は、Firefoxページだけでなく、すべてが切り替えられることであり、新しいページをロードするたびに再適用する必要がないということです。