Pinterest: rozmycie pinów do najechania
Rozmywa zdjęcia pinów w kanale i wyostrza je dopiero po najechaniu, by chronić prywatność przed wzrokiem obok.
Kod do skopiowania
/* Blur feed pin images until hovered for shoulder-surfing privacy */
div[data-test-id="pin"] img {
filter: blur(14px) !important;
transition: filter 0.15s ease !important;
}
div[data-test-id="pin"]:hover img {
filter: blur(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.