Filters

The following is not my work, I found them on the internet

<span style="width: 100%; font-size: 24px; font-family: Old English Text MT; color: white; Filter: Blur (Add = 1, Direction = 225, Strength = 10)">Blur</span> Blur
   
<span style="width: 100%; font-family: Papyrus; color: white; Filter: Glow (Add = 1, Direction = 225, Strength = 10); font-size:24px">Glow</span> Glow
   
<span style="filter: blur(add=false, direction=135, strength=6); font-size:24px;width:100%;">Blur</span> Blur
   
<span style="FILTER: Glow (Color=#ffCC66, Strength=8); width:100%;font-size:24px;">Glow</span> Glow
   
<span style="FILTER: DropShadow(Color=#0066CC, OffX=5, OffY=-3, Positive=1);width:100%;font-size:24px;">Drop Shadow</span> Drop Shadow
   
<span style="FILTER: Shadow(Color=#00CC66, Direction=45);width:100%;font-size:24px;">Shadow</span> Shadow
   
<span style="FILTER: Wave(Add=1, Freq=2, LightStrength=30, Phase=20, Strength=7); width:100%;font-size:24px;">Wave</span> Wave
   
<span style="FILTER: FlipV; width:100%;font-size:24px;">FlipV</span> FlipV
   
<span style="FILTER: FlipH; width:100%;font-size:24px;">FlipH</span> FlipH
   
<span style="FILTER: Invert; width:50%;font-size:24px;background:#EEEEEE;">Invert</span> Invert
   
<span style="FILTER: Light; width:100%;font-size:24px;">Light</span> Light
   
<span style="FILTER: Xray; width:50%;font-size:24px;background:#EEEEEE;">X-Ray</span>  X-Ray
   
<span style="filter: wave(strenght=8,freq=3,lightstrenght=20,add=0,phase=90);
width:
100%;color:#FF0000; font-size: 24px;">Wave</span>
Wave
   
<span style="width:100%;text-align:center;color:magenta;font-weight:bold;font-size:24px;filter:dropshadow(offy=2,offx=1,color=purple) shadow(direction=90,color=crimson) shadow(direction=270,color=red) shadow(direction=180,color=orangered) shadow(direction=0,color=red) wave(freq=3,phase=2,strength=4,lightstrength=25)">Crimson Smoke</span> Crimson Smoke
   
<span style="width:100%;text-align:center;font-weight:bold;font-size:24px;color:orange;filter:alpha(style=2,opacity=100,finishopacity=30) dropshadow(color=black,offy=1,offx=2) glow(color=darkorange,strength=5) glow(color=orangered,strength=3)">Pyromantic</span> Pyromantic
   
<input type=button value="Button Face" style="font-family:small fonts;font-size:7pt;color:lime;font-weight:bold;height:35px;width:85px;background-color:olive;filter:alpha(style=2,opacity=100,finishopacity=0);cursor:hand">
   
<table align=center width=100% cellspacing=0 cellpadding=0><tr><td><marquee scrollamount=1 scrolldelay=1 direction=right width=100%>
<table align=center width=100 height=3 cellspacing=0><tr bgcolor=
lime><td style="filter:alpha(opacity=0,finishopacity=100,style=1)"></td>
<td style="filter:alpha(opacity=
100,finishopacity=0,style=1)" width=8></td></tr></table></marquee></td><td>
<marquee scrollamount=
1 scrolldelay=1 direction=left width=100%><table align=center width=100 height=3 cellspacing=0><tr bgcolor=lime><td style="filter:alpha(opacity=0,finishopacity=100,style=1)" width=8></td><td style="filter:alpha(opacity=100,finishopacity=0,style=1)"></td>
</tr></table></marquee></td></tr></table>
   
<span style="position:relative;text-align:center;color:black;font-family:courier;font-size:24px;height:50pt;width:100%;filter: dropshadow(color=lime,offx=2,offy=-1) shadow(color=olive,direction=205)">TERMINAL</span> TERMINAL
   
<span style="width:100%;font-weight:bold;letter-spacing:3px;color:aqua;font-size:24px;text-align:center;height:50pt;filter: dropshadow(color=black,offy=2,offx=-1) glow(color=blue,strength=3) shadow(color=royalblue,direction=195)">Emblazed</span> Emblazed
   
<span style="width:100%;font-family:system;text-align:center;color:lime;font-size:24px;height:40pt;filter: glow(strength=5,color=olive)">Sample</span> Sample
   
<span style="width: 100%; height: 20; font-size: 24px; font-family: Arial Black; Filter: Mask(color=#9EB3D1) Shadow(Color=#45628D, Direction=225) Chroma(color=#000000)">Hey There</span> Hey There
   
Background Gradients  
<body style="filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#6984A9', startColorstr='#9EB3D1', gradientType='0');" topmargin="0" leftmargin="0">


Add the above to your body tag
   
Table Gradient  
<table border="0" cellpadding="0" width="100%" cellspacing="0"style="filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#6984A9', startColorstr='#9EB3D1', gradientType='0');" height="1000%"></table>

Add the above to your table tag
   

top of page

Last Updated
Monday, 27 September 2004