X: szare media dla skupienia
Pozbawia zdjęcia i filmy kolorów, by krzykliwe media nie przyciągały wzroku; po najechaniu barwy wracają.
Kod do skopiowania
/* Desaturate images and videos so loud media stops grabbing attention */
[data-testid="tweetPhoto"] img,
[data-testid="tweet"] video {
filter: grayscale(100%) !important;
transition: filter 0.2s ease;
}
[data-testid="tweetPhoto"]:hover img,
[data-testid="tweet"] video:hover {
filter: grayscale(0%) !important;
}
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.