TRUCOS PARA WEB - EFECTOS PARA LAS IMAGENES

<style> img { filter:;} a img{ filter:;} a:hover img{ filter:Blur(Add = 0, Direction = 225, Strength = 10);} </style> <div style="position:absolute;left:0px;top:0px;"><a href="http://www.dalemsn.com" target="_blank"><img src="http://www.dalemsn.com/bannerchico.gif" border="0" /></a></div>

<style> img { filter:Alpha(Opacity=50);} a img{ filter:DropShadow(Color=333333, OffX=5px, OffY=3px, Positive=1);} a:hover img{ filter:Invert;} </style> <div style="position:absolute;left:0px;top:0px;"><a href="http://www.dalemsn.com" target="_blank"><img src="http://www.dalemsn.com/bannerchico.gif" border="0" /></a></div>

<style> img { filter:Alpha(Opacity=100, FinishOpacity=0, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0);} a:link img { filter:Alpha(Opacity=100, FinishOpacity=0, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0);} a:hover img { filter:Blur(Add = 0, Direction = 225, Strength = 10);} </style> <div style="position:absolute;left:0px;top:0px;"><a href="http://www.dalemsn.com" target="_blank"><img src="http://www.dalemsn.com/bannerchico.gif" border="0" /></a></div>

<style> a.navbar:hover{color:red; font-weight:bold;background-image:url(http://www.dalemsn.com/images/IMG_Efecto/efecto_07.gif);} a:hover, a.redlink:hover, a.navbar:hover {background-image:url(http://www.dalemsn.com/images/IMG_Efecto/efecto_07.gif); text-decoration:none; border:0px solid;} a:hover img {background-image:url(http://www.dalemsn.com/images/IMG_Efecto/efecto_07.gif);filter:alpha(finishopacity=0, style=2); } </style> <div style="position:absolute;left:0px;top:0px;"><a href="http://www.dalemsn.com" target="_blank"><img src="http://www.dalemsn.com/bannerchico.gif" border="0" /></a></div>

<style> a.navbar:hover{color:red; font-weight:bold;background-image:url(http://www.dalemsn.com/images/IMG_Efecto/efecto_01.gif);} a:hover, a.redlink:hover, a.navbar:hover {background-image:url(http://www.dalemsn.com/images/IMG_Efecto/efecto_01.gif); text-decoration:none; border:0px solid;} a:hover img {background-image:url(http://www.dalemsn.com/images/IMG_Efecto/efecto_01.gif);filter:alpha(finishopacity=0, style=2); } </style> <div style="position:absolute;left:0px;top:0px;"><a href="http://www.dalemsn.com" target="_blank"><img src="http://www.dalemsn.com/bannerchico.gif" border="0" /></a></div>

<style> <strong></strong> a.navbar:hover{color:red; font-weight:bold;background-image:url(http://www.dalemsn.com/images/IMG_Efecto/efecto_02.gif);} a:hover, a.redlink:hover, a.navbar:hover {background-image:url(http://www.dalemsn.com/images/IMG_Efecto/efecto_02.gif); text-decoration:none; border:0px solid;} a:hover img {background-image:url(http://www.dalemsn.com/images/IMG_Efecto/efecto_02.gif);filter:alpha(finishopacity=0, style=2); } </style> <div style="position:absolute;left:0px;top:0px;"><a href="http://www.dalemsn.com" target="_blank"><img src="http://www.dalemsn.com/bannerchico.gif" border="0" /></a></div>

<style> a.navbar:hover{color:red; font-weight:bold;background-image:url(http://www.dalemsn.com/images/IMG_Efecto/efecto_03.gif);} a:hover, a.redlink:hover, a.navbar:hover {background-image:url(http://www.dalemsn.com/images/IMG_Efecto/efecto_03.gif); text-decoration:none; border:0px solid;} a:hover img {background-image:url(http://www.dalemsn.com/images/IMG_Efecto/efecto_03.gif);filter:alpha(finishopacity=0, style=2); } </style> <div style="position:absolute;left:0px;top:0px;"><a href="http://www.dalemsn.com" target="_blank"><img src="http://www.dalemsn.com/bannerchico.gif" border="0" /></a></div>

<style> a.navbar:hover{color:red; font-weight:bold;background-image:url(http://www.dalemsn.com/images/IMG_Efecto/efecto_04.gif);} a:hover, a.redlink:hover, a.navbar:hover {background-image:url(http://www.dalemsn.com/images/IMG_Efecto/efecto_04.gif); text-decoration:none; border:0px solid;} a:hover img {background-image:url(http://www.dalemsn.com/images/IMG_Efecto/efecto_04.gif);filter:alpha(finishopacity=0, style=2); } </style> <div style="position:absolute;left:0px;top:0px;"><a href="http://www.dalemsn.com" target="_blank"><img src="http://www.dalemsn.com/bannerchico.gif" border="0" /></a></div>

<style> a.navbar:hover{color:red; font-weight:bold;background-image:url(http://www.dalemsn.com/images/IMG_Efecto/efecto_05.gif);} a:hover, a.redlink:hover, a.navbar:hover {background-image:url(http://www.dalemsn.com/images/IMG_Efecto/efecto_05.gif); text-decoration:none; border:0px solid;} a:hover img {background-image:url(http://www.dalemsn.com/images/IMG_Efecto/efecto_05.gif);filter:alpha(finishopacity=0, style=2); } </style> <div style="position:absolute;left:0px;top:0px;"><a href="http://www.dalemsn.com" target="_blank"><img src="http://www.dalemsn.com/bannerchico.gif" border="0" /></a></div>

<style> a.navbar:hover{color:red; font-weight:bold;background-image:url(http://www.dalemsn.com/images/IMG_Efecto/efecto_06.gif);} a:hover, a.redlink:hover, a.navbar:hover {background-image:url(http://www.dalemsn.com/images/IMG_Efecto/efecto_06.gif); text-decoration:none; border:0px solid;} a:hover img {background-image:url(http://www.dalemsn.com/images/IMG_Efecto/efecto_06.gif);filter:alpha(finishopacity=0, style=2); } </style> <div style="position:absolute;left:0px;top:0px;"><a href="http://www.dalemsn.com" target="_blank"><img src="http://www.dalemsn.com/bannerchico.gif" border="0" /></a></div>

<style> a.navbar:hover{color:red; font-weight:bold;background-image:url(http://www.dalemsn.com/images/IMG_Efecto/efecto_08.gif);} a:hover, a.redlink:hover, a.navbar:hover {background-image:url(http://www.dalemsn.com/images/IMG_Efecto/efecto_08.gif); text-decoration:none; border:0px solid;} a:hover img {background-image:url(http://www.dalemsn.com/images/IMG_Efecto/efecto_08.gif);filter:alpha(finishopacity=0, style=2); } </style> <div style="position:absolute;left:0px;top:0px;"><a href="http://www.dalemsn.com" target="_blank"><img src="http://www.dalemsn.com/bannerchico.gif" border="0" /></a></div>

<style> a.navbar:hover{color:red; font-weight:bold;background-image:url(http://www.dalemsn.com/images/IMG_Efecto/efecto_09.gif);} a:hover, a.redlink:hover, a.navbar:hover {background-image:url(http://www.dalemsn.com/images/IMG_Efecto/efecto_09.gif); text-decoration:none; border:0px solid;} a:hover img {background-image:url(http://www.dalemsn.com/images/IMG_Efecto/efecto_09.gif);filter:alpha(finishopacity=0, style=2); } </style> <div style="position:absolute;left:0px;top:0px;"><a href="http://www.dalemsn.com" target="_blank"><img src="http://www.dalemsn.com/bannerchico.gif" border="0" /></a></div>

<style> a.navbar:hover{color:red; font-weight:bold;background-image:url(http://www.dalemsn.com/images/IMG_Efecto/efecto_10.gif);} a:hover, a.redlink:hover, a.navbar:hover {background-image:url(http://www.dalemsn.com/images/IMG_Efecto/efecto_10.gif); text-decoration:none; border:0px solid;} a:hover img {background-image:url(http://www.dalemsn.com/images/IMG_Efecto/efecto_10.gif);filter:alpha(finishopacity=0, style=2); } </style> <div style="position:absolute;left:0px;top:0px;"><a href="http://www.dalemsn.com" target="_blank"><img src="http://www.dalemsn.com/bannerchico.gif" border="0" /></a></div>

<style> a.navbar:hover{color:red; font-weight:bold;background-image:url(http://www.dalemsn.com/images/IMG_Efecto/efecto_11.gif);} a:hover, a.redlink:hover, a.navbar:hover {background-image:url(http://www.dalemsn.com/images/IMG_Efecto/efecto_11.gif); text-decoration:none; border:0px solid;} a:hover img {background-image:url(http://www.dalemsn.com/images/IMG_Efecto/efecto_11.gif);filter:alpha(finishopacity=0, style=2); } </style> <div style="position:absolute;left:0px;top:0px;"><a href="http://www.dalemsn.com" target="_blank"><img src="http://www.dalemsn.com/bannerchico.gif" border="0" /></a></div>