← Tutti gli esempi

Discord: attenua le immagini fino al passaggio del mouse

Attenua leggermente immagini e contenuti incorporati nella chat e ripristina la piena luminosità al passaggio del mouse.

Codice da copiare

/* Dim inline images and embeds until hovered to reduce visual noise */
[class*="messageAttachment"] img,
[class*="imageContent"] img,
[class*="embedWrapper"] img {
  opacity: 0.55 !important;
  transition: opacity 0.2s ease;
}
[class*="messageAttachment"] img:hover,
[class*="imageContent"] img:hover,
[class*="embedWrapper"] img:hover {
  opacity: 1 !important;
}

Come usare questo esempio

1. Copia il codice con il pulsante qui sopra.
2. Installa JustZix (2 minuti) e apri l'estensione sulla pagina di destinazione.
3. Aggiungi una nuova regola corrispondente a quella pagina.
4. Incolla il codice nel pannello CSS della regola e salva — l'effetto appare subito.