← Todos los ejemplos

Telegram: atenuar los GIF en reproducción automática

Atenúa los GIF y vídeos redondos en reproducción automática hasta que pasas el cursor por encima.

Código para copiar

/* Dim autoplaying GIFs and round videos until you hover them */
.bubbles .bubble.round video,
.bubbles .bubble .media-gif video {
  opacity: 0.35 !important;
  transition: opacity 0.2s ease !important;
}
.bubbles .bubble.round video:hover,
.bubbles .bubble .media-gif video:hover {
  opacity: 1 !important;
}

Cómo usar este ejemplo

1. Copia el código con el botón de arriba.
2. Instala JustZix (2 minutos) y abre la extensión en la página de destino.
3. Añade una nueva regla que coincida con esa página.
4. Pega el código en el panel CSS de la regla y guarda — el efecto aparece al instante.