Come fare per - Aggiungere effetti immagine
Scopri come aggiungere effetti visivi alle immagini.
Filtri immagine
Filtri CSS
La proprietà CSS filter
aggiunge effetti visivi (come sfocatura e saturazione) a un elemento.
Nota: la proprietà del filtro non è supportata in Internet Explorer, Edge 12 o Safari 5.1 e versioni precedenti.
Esempio in scala di grigi
Cambia il colore di tutte le immagini in bianco e nero (100% grigio):
img {
-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
filter: grayscale(100%);
}
Original image
grayscale(100%)
Esempio di sfocatura
Applica un effetto sfocatura a tutte le immagini:
img {
-webkit-filter: blur(5px); /* Safari 6.0 - 9.0 */
filter: blur(5px);
}
Original image
blur(5px)
Vai alla nostra proprietà del filtro CSS per saperne di più sui filtri CSS.