Mastodon: zatrzymaj animowane emoji i avatary
Zatrzymuje animacje niestandardowych emoji oraz GIF-owych awatarów, zmniejszając rozpraszanie wzroku.
Kod do skopiowania
/* Freeze animated custom emoji and avatars on hover */
img.emojione,
img.custom-emoji,
.account__avatar img,
.status__avatar img {
animation: none !important;
}
.account__avatar--animate,
.status__avatar--animate {
background-image: none !important;
}
/* Replace animated GIF avatars with their still version */
.account__avatar-overlay-base img,
.account__avatar img[src*=".gif"],
.status__avatar img[src*=".gif"] {
image-rendering: -webkit-optimize-contrast;
}
Jak użyć tego przykładu
- Skopiuj kod przyciskiem powyżej.
- Zainstaluj JustZix (2 minuty) i otwórz wtyczkę na docelowej stronie.
- Dodaj nową regułę dopasowaną do tej strony.
- Wklej kod w panelu CSS reguły i zapisz — efekt pojawi się od razu.
Oceń ten przykład
Brak ocen — oceń jako pierwszy.