Tutorial: applicare effetti di trasparenza alle immagini con l’HTML

Allora, oggi vedremo come applicare in modo semplice e veloce effetti di trasparenza alle immagini… questo risulta utile in diversi contesti, e funziona anche per quanto riguarda il vostro blog di messenger, o semplicemente la vostra pagina web.

Vediamo come:

Per prima cosa si parte da questo codice:

<IMG style=”FILTER: alpha(Opacity=100, FinishOpacity=0, Style=0)” src=”URL DELL’IMMAGINE”>

Giocando con i vari valori possiamo ottenere diversi effetti:

-Opacity: indica l’opacità dell’immagine. 100 sarà opaca e 0 completamente trasparente

-Finish opacity: indica l’opacità dei bordi nel momento in cui applichiamo gli effetti

-Style: indica gli effetti applicati. I numeri vanno da 0 a 3 (0:nessun effetto, 1:da sinistra a destra, 2:ovale, 3:ai 4 angoli)

Ecco cosa otteniamo variando il parametro ”opacity”:

Qui invece modifichiamo il parametro Style lasciando invariati gli altri 2:

Ed ecco cosa accade se una volta applicato uno Style (In questo caso il 2) variamo il parametro FinishOpacity:

Ci tengo a ricordare che quest’ultimo parametro è molto sensibile e bastano piccole variazioni per ottenere gli effetti desiderati, come potete vedere nell’immagine, dove l’ho modificato di sole 5 unità =)

Spero di esservi stato utile.

Bye

Neo