← Todos los ejemplos

X: desenfocar imágenes hasta pasar el ratón

Desenfoca las imágenes de los tweets hasta que pasas el ratón, reduciendo el desplazamiento compulsivo.

Código para copiar

// Blur tweet images until you hover them, to reduce doomscrolling pull
const STYLE_ID = 'jz-x-blur-images';
if (!document.getElementById(STYLE_ID)) {
  const s = document.createElement('style');
  s.id = STYLE_ID;
  s.textContent = '[data-testid="tweetPhoto"] img{filter:blur(14px);transition:filter .15s}'
    + '[data-testid="tweetPhoto"]:hover img{filter:none}';
  document.head.appendChild(s);
}

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 JavaScript de la regla y guarda — se ejecuta en cada visita a la página.