PROPRIETA' BLUR

Filtri
Proprietà alpha

L'elemento presenta una scia, come una macchia lasciata dalla carta assorbente.

add=...

Stabilisce se l'oggetto originale viene aggiunto a quello filtrato

add=true oppure add=1 - vero
add=false oppure add=0 - falso

enabled=...

Stabilisce se il filtro viene o meno applicato

add=true oppure add=1 - vero
add=false oppure add=0 - falso

Se viene tralasciato, viene assunto add=true

direction =...

Stabilisce la direzione della scia (ad esempio, 180) tenuto conto del sistema di riferimento indicato in figura: la direzione=0 è rivolta verticalmente verso l'alto, il verso di rotazione è quello orario.

strength=...

Stabilisce l'ampiezza in pixel della scia (ad esempio, strength=6)

**Esempi di codice e risultati**
Codice: <H1 style="FILTER: blur(add=true, direction=45, strength=6); color:navy"> CIAO A TUTTI! </H1> Viene aggiunta una scia di ampiezza 6 al testo, la direzione è 45 gradi	CIAO A TUTTI!

Codice:
<h4 style="FILTER: blur(add=true, direction=180, strength=8); color:maroon">
CIAO A TUTTI! </H4>
Viene aggiunta una scia di ampiezza 8 al testo, la direzione è 180 gradi
CIAO A TUTTI!

Codice:
<H1 style="FILTER: blur>
CIAO A TUTTI! </H1>
Viene aggiunta una scia al testo: se i parametri non vengono specificati, la direzione è 270, l'ampiezza è 4.

CIAO A TUTTI!

Come si può osservare dai risultati, la scia assume il colore del testo, in una tonalità più tenue.
Notare che non è necesario inserire tutte le opzioni. Ad esempio, quando non viene inserito "add", la scia viene aggiunta lo stesso, come se si fosse scritto "add=true".
Se non si dichiara la proprietà width dell'elemento la proprietà blur non funziona. Per questo è necessario, se si vuole applicare un filtro ad un testo, dichiarare all'inizio uno stile.

Se si vuole che gli esempi funzionino occorre quindi inserire fra i tags <head> ed </head> il seguente codice:
<Style> h4{
width=90%
}
</Style>
oppure
<Style> h1{
width=90%
}
</Style>

Chiaramente è possibile dichiarare l'ampiezza che si preferisce.

Codice:
<IMG onmouseover="this.filters.blur.enabled='false'" style="FILTER: blur(add=true, direction=120, strength=6)"; onmouseout="this.filters.blur.enabled='true'" height=76 src="lg2.gif" width=155>
Questo è un effetto "OnMouseOver". L'immagine è sfocata; passando con il mouse sopra l'immagine (onmouseover) questa viene messa a fuoco (this.filters.blur.enabled='false'), mentre allontanando il mouse (onmouseout) appare nuovamente sfocata (this.filters.blur.enabled='false')

Continua...

Come si può osservare dai risultati, la scia assume il colore del testo, in una tonalità più tenue. Notare che non è necesario inserire tutte le opzioni. Ad esempio, quando non viene inserito "add", la scia viene aggiunta lo stesso, come se si fosse scritto "add=true". Se non si dichiara la proprietà width dell'elemento la proprietà blur non funziona. Per questo è necessario, se si vuole applicare un filtro ad un testo, dichiarare all'inizio uno stile. Se si vuole che gli esempi funzionino occorre quindi inserire fra i tags <head> ed </head> il seguente codice:
<Style> h4{ width=90% } </Style>	oppure	<Style> h1{ width=90% } </Style>
Chiaramente è possibile dichiarare l'ampiezza che si preferisce.