Tutorial & Guide

Tutti i segreti del mondo del web.

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.

Trasparenza

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”:

Opacità

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

Style

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

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

marzo 3, 2008 - Posted by | Grafica, Msn, Tutorial | , , , , ,

Non c'è ancora nessun commento.

Lascia un commento

Inserisci i tuoi dati qui sotto o clicca su un'icona per effettuare l'accesso:

Logo WordPress.com

Stai commentando usando il tuo account WordPress.com. Chiudi sessione / Modifica )

Foto Twitter

Stai commentando usando il tuo account Twitter. Chiudi sessione / Modifica )

Foto di Facebook

Stai commentando usando il tuo account Facebook. Chiudi sessione / Modifica )

Google+ photo

Stai commentando usando il tuo account Google+. Chiudi sessione / Modifica )

Connessione a %s...

%d blogger cliccano Mi Piace per questo: