← Tutti gli esempi

TikTok: miniature del profilo in scala di grigi

Desatura le miniature dei video nella griglia del profilo; il colore torna solo al passaggio del mouse.

Codice da copiare

/* Grayscale the video thumbnails on profile grids until hovered */
[data-e2e="user-post-item"] picture,
[data-e2e="user-post-item"] img,
[data-e2e="user-liked-item"] img {
  filter: grayscale(100%) !important;
  transition: filter 0.2s ease;
}
[data-e2e="user-post-item"]:hover picture,
[data-e2e="user-post-item"]:hover img {
  filter: grayscale(0%) !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.