Bluesky: wyłącz autoodtwarzanie GIF-ów
Zatrzymuje osadzone GIF-y w kanale i odtwarza je dopiero po najechaniu kursorem, ze stempelem „GIF” w rogu.
Kod do skopiowania
/* Freeze animated GIF embeds until the user hovers over them */
[data-testid="gifEmbed"] video,
[data-testid="gifEmbed"] img {
animation-play-state: paused !important;
}
[data-testid="gifEmbed"]::after {
content: "GIF";
position: absolute;
bottom: 6px; left: 6px;
background: rgba(0,0,0,0.7);
color: #fff;
font-size: 11px;
font-weight: 700;
padding: 2px 6px;
border-radius: 4px;
pointer-events: none;
}
[data-testid="gifEmbed"] { position: relative; }
[data-testid="gifEmbed"]:hover video,
[data-testid="gifEmbed"]:hover img {
animation-play-state: running !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.