Proprietà |
Argomento |
Codice |
Descrizione |
---|---|---|---|
mask | color |
filter:mask(color=#ff0000); | Rende il testo con lo specificato
colore di sfondo, e con il colore di primo piano trasparente. E' utile per incorniciare una scritta. Non funziona con le immagini. |
Esempio di codice e risultato: | <style>.testo { filter:mask(color=darkorange); WIDTH: 230; HEIGHT: 30 } </style><font size=6><span id="prova" Class="testo">CIAO A TUTTI!</span></font> | CIAO A TUTTI! | |
Proprietà |
Argomento |
Codice |
Descrizione |
shadow | color |
filter:shadow(color=#ff0000, direction=45); | Aggiunge l'ombreggiatura all'elemento nella direzione specificata |
Esempio di codice e risultato: | <style>.testo1 { filter:shadow(color=#ff0000, direction 45); WIDTH: 230; HEIGHT: 30 } </style><font size=6><span id="prova1" Class="testo1">CIAO A TUTTI!</span></font> | CIAO A TUTTI! | |
Proprietà |
Argomento |
Codice |
Descrizione |
dropshadow | color |
filter:dropshadow(color=#ff0000, offx=5, offy=5, positive=true); | Aggiunge un'ombra che scende dall'oggetto. offx e offy rappresentano rispettivamente la posizione orizzontale e verticale, rispetto alla scritta, dell'origine dell'ombra. |
Esempio di codice e risultato con positive =false | <style>.testo2 { filter:dropshadow(color=#cccccc, offx=5, offy=5, positive=false); WIDTH: 230; HEIGHT: 30 } </style><font size=6 color=#00bb00><span id="prova2" Class="testo2">CIAO A TUTTI!</span></font> | CIAO A TUTTI! | |
Esempio di codice e risultato con positive =true | <style>.testo3 { filter:dropshadow(color=#cccccc, offx=5, offy=5, positive=true); WIDTH: 230; HEIGHT: 30 } </style><font size=6 color=#00bb00><span id="prova3" Class="testo3">CIAO A TUTTI!</span></font> | CIAO A TUTTI! | |
Proprietà |
Argomento |
Codice |
Descrizione |
wave | add |
filter:wave(add=true, freq=1, lightstrength=3, phase=0, strength=5); | Aggiunge un disturbo ondulatorio alla scritta |
Esempio di codice e risultato con positive =true | <style>.testo4 { filter:wave(add=true, freq=1, lightstrength=3, phase=0, strength=5); WIDTH: 230; HEIGHT: 30 } </style><font size=6 color=#0000dd><span id="prova4" Class="testo4">CIAO A TUTTI!</span></font> | CIAO A TUTTI! |
©2002 www.webfract.it