Come - Aggiungere Effetti immagine

Scopri come aggiungere effetti visivi alle immagini.

Filtri CSS

Il CSS filter struttura aggiunge effetti visivi (like blur and saturation) a un elemento.

Nota: La proprietà filtro non è supportata in Internet Explorer, Riva 12, o Safari 5.1 e versioni precedenti.

Scala di grigi Esempio

Cambiare il colore di tutte le immagini in bianco e nero (100% gray) :

img {
    -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
    filter: grayscale(100%);
}

Original image

grayscale(100%)

Prova tu stesso "

blur Esempio

Applicare un effetto di sfocatura a tutte le immagini:

img {
    -webkit-filter: blur(5px); /* Chrome, Safari, Opera */
    filter: blur(5px);
}

Original image

blur(5px)

Prova tu stesso "

Vai al nostro CSS filter Property per ulteriori informazioni sui filtri CSS.