Navigation
Home
Forum
Codes
Icons
Image Effects
Image Rollover Effects For Myspace
X Ray Effect
<style type="text/css"> a.navbar:hover{color:red; font-weight:bold;} a:hover, a.redlink:hover, a.navbar:hover {Filter: Xray) font-size:8pt; color:red; text-decoration:none; border:0px solid;} a:hover img {Filter: Xray); border:0px solid;} </style>
See Through Effect
<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>
Wavy 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>
Invert 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>
Mirror Effect
<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>
Sparkles Effect
<style type="text/css"> a.navbar:hover{color:red; font-weight:bold;background-image:url(http://www.zoodu.com/myspace-codes-image-rollover-effects/images/sparkles.gif);} a:hover, a.redlink:hover, a.navbar:hover {background-image:url(http://www.zoodu.com/myspace-codes-image-rollover-effects/images/sparkles.gif); font-size:8pt; color:red; text-decoration:none; border:0px solid;} a:hover img {background-image:url(http://www.zoodu.com/myspace-codes-image-rollover-effects/images/sparkles.gif); filter:alpha(finishopacity=0, style=2); border:0px solid;} </style>
Flip Upside Down Effect
<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>
Grayscale Effect
<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>
Blur / Fuzzy Effect
<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>
