X: media in scala di grigi per concentrarti
Toglie il colore a foto e video così i media sgargianti non distraggono; il colore torna al passaggio del mouse.
Codice da copiare
/* Desaturate images and videos so loud media stops grabbing attention */
[data-testid="tweetPhoto"] img,
[data-testid="tweet"] video {
filter: grayscale(100%) !important;
transition: filter 0.2s ease;
}
[data-testid="tweetPhoto"]:hover img,
[data-testid="tweet"] video:hover {
filter: grayscale(0%) !important;
}Come usare questo esempio
- Copia il codice con il pulsante qui sopra.
- Installa JustZix (2 minuti) e apri l'estensione sulla pagina di destinazione.
- Aggiungi una nuova regola corrispondente a quella pagina.
- Incolla il codice nel pannello CSS della regola e salva — l'effetto appare subito.
Valuta questo esempio
Nessuna valutazione — sii il primo.