Myspace Hover Codes

If you have any questions or comments about these myspace codes, please post them here.

To use this on ALL images (including images that are links), place this code in the "About Me" section of your profile.

Flip Vertically - This makes your images flip vertically when the mouse hovers over them.
<style type="text/css">img {none; } img:hover { filter: FlipV; } a:link img { filter: none; } a:hover img { filter: FlipV; }</style>


Flip Horizontally - This will flip your images horizontally when the mouse hovers on them.
<style type="text/css">img {filter: none;} img:hover { filter: FlipH; } a:link img { filter: none; } a:hover img { filter: FlipH; }</style>


Pixelatte - This will pixelatte your images when the mouse hovers on them.
<style type="text/css"> img { filter: none; } a:hover img { filter: progid:DXImageTransform.Microsoft.Pixelate (maxsquare=4); } </style>


Blur - This will make images on your profile blur when the mouse hovers on them.
<style type="text/css"> img { filter: none; } a:hover img {filter: blur(add=false, direction=135, strength=10);} </style>


Grayscale - This will make images on your profile turn to grayscale when the mouse hovers on them.
<style type="text/css">img {filter: none; } img:hover {filter:gray} a:hover img{filter:gray}</style>


Alpha Channel - This will give all of the images on your page a circular transparency when the mouse hovers over them.
<style type="text/css">img { filter: none; } img:hover {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: none; }table td div div font {visibility:hidden;}</style>


Invert Colors - This will invert the colors of the images on your profile when the mouse hovers over them.
<style type="text/css">img {filter:none;} img:hover { filter: invert; } a:link img { filter: Invert; } a:hover img { filter: none; }</style>


X-Ray - This will give your images an X-Ray appearance when the mouse hovers over them.
<style type="text/css">img {filter:none;} img:hover{filter:xray;} a:link img {filter:none;} a:visited img {filter:none;} a:hover img {filter:xray;} a:hover img { filter: xray;}</style>