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
Manuali