Bluesky: frecce discrete della carosello immagini
Nasconde le frecce di navigazione del carosello finché non passi col mouse sull'immagine.
Codice da copiare
/* 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;
}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.