Uncle Jim's Javascript Designs



APPLYING FILTERS TO TEXT
CODING FOR GLOW TEXT: EXAMPLE FOR GLOW TEXT:
div id="flttgt" style="position:relative; width:150;height:150;top:20;left:20; text-align:center;filter:glow(color=red)" This is an example of filtering text.
This is an example of filtering text.
CODING FOR INVERTED TEXT: EXAMPLE FOR INVERTED TEXT:
div id="flttgt" style="position:relative; width:150;height:150;top:20;left:20;text-align:center;filter:invert()" This is an example of filtering text.
This is an example of filtering text.
CODING FOR BLURRED TEXT: EXAMPLE FOR BLURRED TEXT:
div id="flttgt" style="position:relative; width:150;height:150;top:20;left:20;text-align:center;filter:blur()" This is an example of filtering text.
This is an example of filtering text.
CODING FOR SHADOW TEXT: EXAMPLE FOR SHADOW TEXT:
div id="flttgt" style="position:relative; width:150;height:150;top:20;left:20;text-align:center;filter:shadow(color=red)" This is an example of filtering text.
This is an example of filtering text.
CODING FOR DROP SHADOW TEXT: EXAMPLE FOR DROP SHADOW TEXT:
div id="flttgt" style="position:relative; width:150;height:150;top:20;left:20;text-align:center;filter:dropshadow(color=red)" This is an example of filtering text.
This is an example of filtering text.
CODING FOR MASKED TEXT: EXAMPLE FOR MASKED TEXT:
div id="flttgt" style="position:relative; width:150;height:70;top:20;left:20;text-align:center;filter:mask(color=red)" This is an example of filtering text.
This is an example of filtering text.


APPLYING FILTERS TO IMAGES
CODING FOR SHADOW IMAGE: EXAMPLE FOR SHADOW IMAGE:
div id="flttgt" style="position:relative; width:150;height:150;top:20;left:20;text-align:center;filter:shadow(color=red)" img src=images/zip.gif
CODING FOR GLOW IMAGE: EXAMPLE FOR GLOW IMAGE:
div id="flttgt" style="position:relative; width:150;height:150;top:20;left:20;text-align:center;filter:glow(color=red)" img src=images/zip.gif