Immagini in scala di grigi
Mostra ogni immagine in scala di grigi e ripristina il colore pieno al passaggio del cursore.
Codice da copiare
/* Display all images in grayscale; restore color on hover. */
img {
filter: grayscale(100%);
transition: filter 0.25s ease;
}
img:hover {
filter: grayscale(0%);
}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.