Effetto sfumatura su immagine

Vi è mai capitato di creare un'immagine troppo viva e non sapere come fare a sfumarla utilizzando il vostro programma di grafica? Niente paura... arrivano i CSS!

Applichiamo un filtro all'immagine con l'attributo filter, assegnandogli il valore alpha e passando ad alpha tra parentesi il parametro opacity che stabilisce (numericamente) il grado di sfumatura.

Esaminiamo il codice:

<img src="immagine.gif" style="filter: Alpha(Opacity=50);">

Il valore è espresso in percentuale, anche se il simbolo % non viene riportato, più basso è il valore e maggiore sarà la sfumatura sull'immagine.

Ecco un esempio:

Immagine normale

Immagine sfumata al 50%

Autore: Luca Ruggiero