Bluesky: dezente Pfeile in der Bilder-Karussell
Blendet die Pfeile im Bilder-Karussell aus, bis du das Bild überfährst, sodass Medien aufgeräumt wirken.
Code zum Kopieren
/* Hide image-carousel arrows until you hover the image group */
[data-testid="imageCarousel"] button[aria-label*="Next" i],
[data-testid="imageCarousel"] button[aria-label*="Previous" i],
[data-testid="imageCarousel"] [aria-label*="Next image" i],
[data-testid="imageCarousel"] [aria-label*="Previous image" i] {
opacity: 0 !important;
transition: opacity 0.2s ease-in-out !important;
}
[data-testid="imageCarousel"]:hover button[aria-label*="Next" i],
[data-testid="imageCarousel"]:hover button[aria-label*="Previous" i],
[data-testid="imageCarousel"]:hover [aria-label*="Next image" i],
[data-testid="imageCarousel"]:hover [aria-label*="Previous image" i] {
opacity: 1 !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.