Picture Effects

Hot Links Filter Effects

Hot Links Rollover Filter Effects An easy way to add cool effects to all your profile images and links. Select from the Sample Effects below. Select the code from the Textareas below the sample images. Copy the code to your 'About Me' Section for Myspace users or simillar code area for other sites. This will apply the effect to all images in myspace and hotlinks. If you can't find the effect you want, make your own filter rollover effect here.
Faded Sides <style type="text/css"> a.navbar:hover{color:red; font-weight:bold;} a:hover, a.redlink:hover, a.navbar:hover{Filter:Alpha(Opacity=100, FinishOpacity=0, Style=2, StartX=20, StartY=40, FinishX=0,FinishY=0)font-size:8pt; color:red; text-decoration:none; border:0px solid;}a:hover img{Filter: Alpha(Opacity=100, FinishOpacity=0, Style=2, StartX=20,StartY=40, FinishX=0,FinishY=0); border:0px solid;} </style> Get Cool Rollover Effects From <a href='http://' target='_blank'></a> forthe Most Graphics and Codes<br /><div style="position:absolute;z-index:9;left:0px;top:0px;"><a href='http://' target='_blank'><img src="http:///taglogo.gif" border="0" /></a>	Mirror Images <style type="text/css"> a.navbar:hover{color:red; font-weight:bold;} a:hover, a.redlink:hover, a.navbar:hover{Filter: FlipH) font-size:8pt; color:red; text-decoration:none; border:0px solid;}a:hover img {Filter: FlipH); border:0px solid;} </style> Get Cool Rollover Effects From <a href='http://' target='_blank'></a> forthe Most Graphics and Codes<br /><div style="position:absolute;z-index:9;left:0px;top:0px;"><a href='http://' target='_blank'><img src="http:///taglogo.gif" border="0" /></a>	Negative Image Effect <style type="text/css"> a.navbar:hover{color:red; font-weight:bold;} a:hover, a.redlink:hover, a.navbar:hover{Filter: Invert) font-size:8pt; color:red; text-decoration:none; border:0px solid;}a:hover img {Filter: Invert); border:0px solid;} </style> Get Cool Rollover Effects From <a href='http://' target='_blank'></a> forthe Most Graphics and Codes<br /><div style="position:absolute;z-index:9;left:0px;top:0px;"><a href='http://' target='_blank'><img src="http:///taglogo.gif" border="0" /></a>
Flip Upsidedown <style type="text/css"> a.navbar:hover{color:red; font-weight:bold;} a:hover, a.redlink:hover, a.navbar:hover{Filter: FlipV) font-size:8pt; color:red; text-decoration:none; border:0px solid;}a:hover img {Filter: FlipV); border:0px solid;} </style> Get Cool Rollover Effects From <a href='http://' target='_blank'></a> forthe Most Graphics and Codes<br /><div style="position:absolute;z-index:9;left:0px;top:0px;"><a href='http://' target='_blank'><img src="http:///taglogo.gif" border="0" /></a>	Fuzzy Image Effects <style type="text/css"> a.navbar:hover{color:red; font-weight:bold;} a:hover, a.redlink:hover, a.navbar:hover{Filter: Blur(Add = 0, Direction = 225, Strength = 10) font-size:8pt; color:red;text-decoration:none; border:0px solid;} a:hover img {filter: Blur(Add = 0, Direction= 225, Strength = 10); border:0px solid;} </style> Get Cool Rollover Effects From <a href='http://' target='_blank'></a> forthe Most Graphics and Codes<br /><div style="position:absolute;z-index:9;left:0px;top:0px;"><a href='http://' target='_blank'><img src="http:///taglogo.gif" border="0" /></a>	Wavy Image Effects <style type="text/css"> a.navbar:hover{color:red; font-weight:bold;} a:hover, a.redlink:hover, a.navbar:hover{Filter: Wave(Add=0, Freq=5, LightStrength=20, Phase=220, Strength=10) font-size:8pt;color:red; text-decoration:none; border:0px solid;} a:hover img {Filter: Wave(Add=0,Freq=5, LightStrength=20, Phase=220, Strength=10); border:0px solid;} </style> Get Cool Rollover Effects From <a href='http://' target='_blank'></a> forthe Most Graphics and Codes<br /><div style="position:absolute;z-index:9;left:0px;top:0px;"><a href='http://' target='_blank'><img src="http:///taglogo.gif" border="0" /></a>
GreyScale Pictures <style type="text/css"> a.navbar:hover{color:red; font-weight:bold;} a:hover, a.redlink:hover, a.navbar:hover{Filter: Gray) font-size:8pt; color:red; text-decoration:none; border:0px solid;}a:hover img {Filter: Gray); border:0px solid;} </style> Get Cool Rollover Effects From <a href='http://' target='_blank'></a> forthe Most Graphics and Codes<br /><div style="position:absolute;z-index:9;left:0px;top:0px;"><a href='http://' target='_blank'><img src="http:///taglogo.gif" border="0" /></a>	Big Hearts <style type="text/css"> a.navbar:hover{color:red; font-weight:bold; background-image:url(http://www.graphicsload.com/Effects/heart.gif); } a:hover, a.redlink:hover, a.navbar:hover { background-image:url(http://www.graphicsload.com/Effects/heart.gif); font-size:8pt; color:red; text-decoration:none; border:0px solid;} a:hover img { background-image:url(http://www.graphicsload.com/Effects/heart.gif ); filter:alpha(finishopacity=50, style=2); border:0px solid;} </style> Get Cool Rollover Effects From <a href='http://' target='_blank'></a> forthe Most Graphics and Codes<br /><div style="position:absolute;z-index:9;left:0px;top:0px;"><a href='http://' target='_blank'><img src="http:///taglogo.gif" border="0" /></a>	Blue Cover <style type="text/css"> a.navbar:hover{color:red; font-weight:bold; background-image:url(http://www.graphicsload.com/Effects/blue.jpg); } a:hover, a.redlink:hover, a.navbar:hover { background-image:url(http://www.graphicsload.com/Effects/blue.jpg); font-size:8pt; color:red; text-decoration:none; border:0px solid;} a:hover img { background-image:url(http://www.graphicsload.com/Effects/blue.jpg ); filter:alpha(finishopacity=50, style=2); border:0px solid;} </style> Get Cool Rollover Effects From <a href='http://' target='_blank'></a> forthe Most Graphics and Codes<br /><div style="position:absolute;z-index:9;left:0px;top:0px;"><a href='http://' target='_blank'><img src="http:///taglogo.gif" border="0" /></a>
Sparkle Static <style type="text/css"> a.navbar:hover{color:red; font-weight:bold; background-image:url(http://www.graphicsload.com/Effects/sparky2.gif); } a:hover, a.redlink:hover, a.navbar:hover { background-image:url(http://www.graphicsload.com/Effects/sparky2.gif); font-size:8pt; color:red; text-decoration:none; border:0px solid;} a:hover img { background-image:url(http://www.graphicsload.com/Effects/sparky2.gif ); filter:alpha(finishopacity=50, style=2); border:0px solid;} </style> Get Cool Rollover Effects From <a href='http://' target='_blank'></a> forthe Most Graphics and Codes<br /><div style="position:absolute;z-index:9;left:0px;top:0px;"><a href='http://' target='_blank'><img src="http:///taglogo.gif" border="0" /></a>	Pink Sparkly <style type="text/css"> a.navbar:hover{color:red; font-weight:bold; background-image:url(http://www.graphicsload.com/Effects/sparky3.gif); } a:hover, a.redlink:hover, a.navbar:hover { background-image:url(http://www.graphicsload.com/Effects/sparky3.gif); font-size:8pt; color:red; text-decoration:none; border:0px solid;} a:hover img { background-image:url(http://www.graphicsload.com/Effects/sparky3.gif ); filter:alpha(finishopacity=50, style=2); border:0px solid;} </style> Get Cool Rollover Effects From <a href='http://' target='_blank'></a> forthe Most Graphics and Codes<br /><div style="position:absolute;z-index:9;left:0px;top:0px;"><a href='http://' target='_blank'><img src="http:///taglogo.gif" border="0" /></a>	Green Sparkly <style type="text/css"> a.navbar:hover{color:red; font-weight:bold; background-image:url(http://www.graphicsload.com/Effects/sparky5.gif); } a:hover, a.redlink:hover, a.navbar:hover { background-image:url(http://www.graphicsload.com/Effects/sparky5.gif); font-size:8pt; color:red; text-decoration:none; border:0px solid;} a:hover img { background-image:url(http://www.graphicsload.com/Effects/sparky5.gif ); filter:alpha(finishopacity=50, style=2); border:0px solid;} </style> Get Cool Rollover Effects From <a href='http://' target='_blank'></a> forthe Most Graphics and Codes<br /><div style="position:absolute;z-index:9;left:0px;top:0px;"><a href='http://' target='_blank'><img src="http:///taglogo.gif" border="0" /></a>
Sparkle Stars <style type="text/css"> a.navbar:hover{color:red; font-weight:bold; background-image:url(http://www.nackvision.com/myspace/links/twinklingstars2.gif); } a:hover, a.redlink:hover, a.navbar:hover { background-image:url(http://www.nackvision.com/myspace/links/twinklingstars2.gif); font-size:8pt; color:red; text-decoration:none; border:0px solid;} a:hover img { background-image:url(http://www.nackvision.com/myspace/links/twinklingstars2.gif ); filter:alpha(finishopacity=50, style=2); border:0px solid;} </style> Get Cool Rollover Effects From <a href='http://' target='_blank'></a> forthe Most Graphics and Codes<br /><div style="position:absolute;z-index:9;left:0px;top:0px;"><a href='http://' target='_blank'><img src="http:///taglogo.gif" border="0" /></a>	Beating Hearts <style type="text/css"> a.navbar:hover{color:red; font-weight:bold; background-image:url(http://www.nackvision.com/myspace/links/beating2xm.gif); } a:hover, a.redlink:hover, a.navbar:hover { background-image:url(http://www.nackvision.com/myspace/links/beating2xm.gif); font-size:8pt; color:red; text-decoration:none; border:0px solid;} a:hover img { background-image:url(http://www.nackvision.com/myspace/links/beating2xm.gif); filter:alpha(finishopacity=50, style=2); border:0px solid;} </style> Get Cool Rollover Effects From <a href='http://' target='_blank'></a> forthe Most Graphics and Codes<br /><div style="position:absolute;z-index:9;left:0px;top:0px;"><a href='http://' target='_blank'><img src="http:///taglogo.gif" border="0" /></a>	Bubbles <style type="text/css"> a.navbar:hover{color:red; font-weight:bold; background-image:url(http://www.nackvision.com/myspace/links/bubbles3qg.gif); } a:hover, a.redlink:hover, a.navbar:hover { background-image:url(http://www.nackvision.com/myspace/links/bubbles3qg.gif); font-size:8pt; color:red; text-decoration:none; border:0px solid;} a:hover img { background-image:url(http://www.nackvision.com/myspace/links/bubbles3qg.gif); filter:alpha(finishopacity=50, style=2); border:0px solid;} </style> Get Cool Rollover Effects From <a href='http://' target='_blank'></a> forthe Most Graphics and Codes<br /><div style="position:absolute;z-index:9;left:0px;top:0px;"><a href='http://' target='_blank'><img src="http:///taglogo.gif" border="0" /></a>