INDICE

Oggi parliamo di filtri !

Come si può vedere dal titolo, anche con i fogli di stile è possibile ottenere simpatici effetti di testo, che però funzionano solo con MSIE.

Per ottenere una scritta come quella del titolo basta scrivere la seguente riga di codice:

<H1 style="FILTER: glow(color=#ff0000);
WIDTH: 100%; COLOR:darkorange; LETTER-SPACING: 2px; HEIGHT: 46px"> </H1>

Il codice permette di creare un effetto alone (glow) intorno al testo. Si può aggiungere il colore dell'alone e del testo. Per una migliore visualizzazione è meglio aggiungere anche la larghezza (width: 100%) e l'altezza (height:46px) dello span. Come al solito le dimensioni si possono dare sia in percentuale che assolute. In più noi abbiamo aggiunto anche lo spazio fra i caratteri (LETTER-SPACING: 2px) perché altrimenti ci sembrava che la scritta fosse poco visibile.

L'esempio visto è solo una dei molti effetti che si possono ottenere con l'uso di Filter.

Supponiamo di avere un'immagine salvata su sfondo nero, come quella in figura. Ci piacerebbe che risultasse trasparente. Naturalmente potremmo usare un programma di fotoritocco, ma è molto più comodo renderla trasparente con una riga di codice:

<IMG style="FILTER:chroma(color=#000000)" src="julia.gif">

La parola riservata chroma rende trasparente il colore aggiunto subito dopo, nel nostro caso il nero, e così otteniamo come risultato questa immagine.
Notiamo espressamente che le due immagini derivano da uno stesso file, ma l'uso del filtro ci ha permesso una resa diversa, come se si trattasse di due immagini distinte.

Ma ora riassumiamo tutte le opzioni possibili riguardo ai filtri.

Continua...


INDICEINDIETRO

©2002 www.webfract.it