白黒記法
CSSのフィルタを使ってグレースケール化(白黒化)する
アイコンも画像も白黒化できる(というか、こっちがメイン)
適宜、記号を置き換えてお使いください
(ユーザー定義の記法が増えすぎ)
白黒で紙に印刷する場合のプレビューに
アイコン記法のアクセントに
予測/実績の対比に
🍅🍅🍅🍅🍅🍅🍅🍅🍅🍅🍅(予測)
🍅🍅🍅🍅🍅🍅🍅🍅🍅(実績)
画像
画像のグレースケール化ができなくなっているもよう
反映されていない場合: キャッシュを使わずリロード(Ctrl+F5)
ボタン風な表現
同意する 同意しない
押せなくてマウスやスマホを壊す人が
いてもいたら不思議
ではない
style.css!.line:not(.cursor-line) .deco-\#:not(:hover) {
filter: grayscale(100%);
}
style.css.line:not(.cursor-line) .deco-\#:not(:hover):not(:has(a))
{ filter: grayscale(100%); }
.line:not(.cursor-line) .deco-\#:not(:hover):has(img)
{ filter: grayscale(100%); }
:not(:has(a))
:has(img)
style.css_.line:not(.cursor-line) .deco-\#:not(:hover):not(:has(a[href$="/%EF%BE%88%EF%BD%BA"]))
{ filter: grayscale(100%); }
:not(:has(a[href$="/%EF%BE%88%EF%BD%BA"]))
プレゼン資料や論文の写真や画像は白黒記法でも見えることを確認してから外に出すべき