UserCSS:白黒記法
https://img.shields.io/badge/UserCSS-白黒記法-1572B6.svg?logo=css3&style=for-the-badge#.svg
もとから白黒の配色だと変化しない
アイコンも画像も白黒化できる(というか、こっちがメイン) こんにちはsuto3.icon バラ.icon
白黒で紙に印刷する場合のプレビューに
アイコン記法のアクセントに
haku.icon
テスト
haku.icon またこんな役……
ガーhaku.iconーン
予測/実績の対比に
ポモドーロ.icon*5(予測)
ポモドーロ.icon*4(実績)
🍅🍅🍅🍅🍅🍅🍅🍅🍅🍅🍅(予測)
🍅🍅🍅🍅🍅🍅🍅🍅🍅(予測)
絵文字もOK
(テーブル記法では使えないのか……)
レベルメータっぽい使い方
ball-02.icon*7ball-02.icon*3(7/10)
/icons/green10.icon*82/icons/blue10.icon*18
(よく考えたら必要ないね)
https://source.unsplash.com/featured/?background#.png
code:stylexx.css
.deco-\~:not(:hover) {
filter: grayscale(100%);
}
.cursor-line .deco-\~:not(:hover) {
filter: none;
}
code:style.css
.deco-\#:not(:hover) {
filter: grayscale(100%);
}
.cursor-line .deco-\#:not(:hover) {
filter: none;
}
UserCSS.icon