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 |
![]() |