Picture Effects

Home Backgrounds All Graphics Generators Play Games Resources

Free Layouts Pimped Layout Lyts Lyts Pop Myspace Top Flash Myspace Design Layout Maker

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>

COPYRIGHT (C) layoutcomments.com All Rights Reserved. layoutcomments.com is not affiliated nor associated with MySpace.com. MySpace is a Registered Trademark of News Corp. We are not associated with MySpace.com or News Corp. in any way, shape, or form. All images are provided by users we respect the rights of ALL Copyright holders and welcome any correspondence, any images that are in violation of copyright, offensive or distasteful will be removed. Please contact us regarding these issues.

Main Menu

Popular Stuff

Code Generators

Myspace Layouts

Myspace Codes

Layouts Backgrounds

Graphics