Picture Effects

Generators

Myspace Images

Backgrounds

Resources

Layouts

Bling Backgrounds Myspace Banners Cute Layout New Layouts Online Now Best Layout Editor Sparkle Myspace

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>

Get Our (Radio) Toolbar
Free Upload
Custom Homepages
Sponsors

Popular Stuff

Myspace Stuff

Graphics Comments

Myspace Layouts

Profile Toys

Myspace Code Generators

Myspace Codes

Cute Images Get Myspace Graphics Layout Code Cute Comment HypeMySpace Resources Myspace Layouts & Codes

Cute Images Get Myspace Graphics Layout Code Cute Comment
HypeMySpace Resources Myspace Layouts & Codes