Uncle Jim's Web Designs
Text Filtering
Author:
Jim Stiles
This page demonstrates the different filters you can place on your text for a special effect.
Blur
COPY
<span style="width: 150; height: 50; font-size: 20px; font-family: verdana; color: #8b0000; filter: shadow(color=#ffcc33, direction=200)">Blur</span>
Dropshadow
COPY
<span style="width: 150; height: 50; font-size: 20px; font-family: verdana; color: #8b0000; filter: dropshadow(Color=#ffcc33, OffX=2, OffY=2, positive=2)">Dropshadow</span>
Glow
COPY
<span style="width: 150; height: 50; font-size: 20px; font-family: verdana; color: #8b0000; filter: glow(color=#ffcc33, strength=10)">Glow</span>
Opacity
COPY
<span style="width: 150; height: 50; font-size: 20px; font-family: verdana; color: #8b0000; filter: alpha(opacity=100, finishopacity=0, style=1, startX=0, startY=0, finishX=200, finishY=0)">Opacity</span>
Shadow Blur
COPY
<span style="width: 150; height: 50; font-size: 20px; font-family: verdana; color: #8b0000; filter: blur(add = 1, direction = 220, strength = 10)">Shadow Blur</span>
Wave
COPY
<span style="width: 150; height: 50; font-size: 20px; font-family: verdana; color: #8b0000; filter: wave(add=0, freq=1, lightstrength=20, phase=10, strength=10)">Wave</span>
Glowing Text Link
COPY
<span style="position:relative; width:200; height:25; filter:glow(color=#ff0000,strength=2)"> <A href="http://www.jdstiles.com">Glowing Text Link</A></SPAN>
Close This Window