Bluesky: disattiva l'autoplay dei GIF
Congela i GIF integrati nel feed e li riproduce solo al passaggio del mouse, con un badge «GIF».
Codice da copiare
/* 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;
}Come usare questo esempio
- Copia il codice con il pulsante qui sopra.
- Installa JustZix (2 minuti) e apri l'estensione sulla pagina di destinazione.
- Aggiungi una nuova regola corrispondente a quella pagina.
- Incolla il codice nel pannello CSS della regola e salva — l'effetto appare subito.
Valuta questo esempio
Nessuna valutazione — sii il primo.