約一年前からバッテリーがへたり出してきたのと、新プランで見積もったら月額で4kくらい安くなりそうだったから変えてみた #mstl
あばれてる #mstl
忘れてた #mstl
ぱたり #mstl
( ゚д゚)ハッ! #mstl
( ˘ω˘)スヤァ #mstl
わたしもなんもわからん #mstl
CSSだけでランダムに画像を切り替えるのできるのかしら。
軽くググっても、JavaScript使わないと無理そう? #mstl
そんな感じ #mstl
ちなみに
ふぁぼボタン用の画像、静止画とアニメーションpng(またはアニメーションgif)があると、ふぁぼされてないと動かなくて、ふぁぼられて動き出すようにできて楽しいです。
(先のCSSにちょっと追加🐜で) #mstl
ふぁぼボタンの
化 #mstl
それもいいわね #mstl
ふぁぼボタンが、みそ汁の絵文字になる #mstl
元ネタ
ーーー
Website Themes & Skins by Stylish | Userstyles.org
https://userstyles.org/styles/155700/like2sushi4mstdn
ふぁぼボタン案(続き)
.column-link > .fa-star::before, .column-header > button > .fa-star::before {
filter: grayscale(100%) brightness(150%) opacity(100%);
}
ふぁぼボタン案(続く)
.fa-star::before {
background: url(https://s3-ap-northeast-1.amazonaws.com/mstdn/custom_emojis/images/000/003/309/original/b9ef019fc883264a.png);
background-repeat: no-repeat;
background-size: 100%;
filter: grayscale(100%) brightness(200%) opacity(50%);
content: "\2003";
}
.active > .fa-star::before, .notification__favourite-icon-wrapper > .fa-star::before {
filter: grayscale(0%) brightness(100%) opacity(100%);
}
ID位置右下に戻った🎉 #mstl

アイコン、ヘッダー
➡ @MishimayaMina さん