← Tous les exemples

Slack : calmer les GIF animés

Réduit les GIF animés et images Giphy en une fine bande atténuée pour ne plus distraire.

Code à copier

/* Collapse animated GIF and Giphy attachments to a quiet line */
.c-message_attachment:has(img[src*="giphy"]),
.p-file_image:has(img[src*=".gif"]) {
  max-height: 24px !important;
  overflow: hidden !important;
  opacity: 0.5 !important;
}

Comment utiliser cet exemple

1. Copiez le code avec le bouton ci-dessus.
2. Installez JustZix (2 minutes) et ouvrez l'extension sur la page cible.
3. Ajoutez une nouvelle règle correspondant à cette page.
4. Collez le code dans le panneau CSS de la règle et enregistrez — l'effet apparaît aussitôt.