Bluesky: GIF-Autoplay deaktivieren
Friert eingebettete GIFs im Feed ein und spielt sie nur beim Hover ab, inklusive kleinem „GIF“-Hinweis.
Code zum Kopieren
/* 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;
}So verwendest du dieses Beispiel
- Kopiere den Code mit der Schaltfläche oben.
- Installiere JustZix (2 Minuten) und öffne die Erweiterung auf der Zielseite.
- Füge eine neue Regel hinzu, die zu dieser Seite passt.
- Füge den Code in das CSS-Panel der Regel ein und speichere — der Effekt erscheint sofort.
Bewerte dieses Beispiel
Noch keine Bewertungen — sei der Erste.