PROPRIETA' BLUR |
Filtri Proprietà alpha |
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! |
![]() 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{ oppure | <Style> h1{
| 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') |
©2002 www.webfract.it