Crash Codes

Link hover effects

Whenever your mouse hovers over a link, a certain effect will happen. Try them out to see what each one looks like!

Insert the following codes into your “About Me”.

*Note: you can change the word COLOR to a different color code to change the effect. (Click here for a list of color codes to choose from). In the last code, you can change the word “FONT NAME” to a font name of your choice.

01.glow links on mouseover.
<STYLE type=text/css> a:hover {filter:Glow(color=red,strength=4);height:0px;}</STYLE>

02. shadow links on mouseover.
<STYLE type=text/css> a:hover {filter:Shadow(color=COLOR, strength=4);height:0px;}</STYLE>

03. highlight links on mouseover
<br /> <style type="text/css"> a:hover {BACKGROUND-COLOR: ffff66;}</style> <p>

04. drop shadow links on mouseover.
<br /> <style type="text/css">A:hover {FILTER: DropShadow(color=COLOR,strength=); line-height: 20px; HEIGHT: 0px;}</style> <p>

05. wave links on mouseover
<br /> <style type="text/css">A:hover {FILTER: Wave(strength=2); HEIGHT: 0px;}</style> <p>

06. make links UPPERCASE on mouseover
<br /> <style type="text/css">A:hover {TEXT-TRANSFORM: uppercase;}</style> <p>

07. make links lowercase on mouseover
<br /> <style type="text/css">A:hover {text-transform:lowercase;}</style> <p>

08. invert colors of links on mouseover
<br /> <style type="text/css">A:hover {FILTER: invert(); HEIGHT: 0px;}</style> <p>

09. gray links on mouseover
<br /> <style type="text/css">A:hover {FILTER: gray(); HEIGHT: 0px;}</style> <p>

10. make the font of the links change on mouseover
<br /> <style type="text/css">A:hover {font-size: 14px; color: COLOR; line-height: 14px; font-family: FONT NAME; letter-spacing: 1px; background-color: COLOR; text-decoration: none;}</style> <p>

11. have a flashing rainbow hover behind links.
<br /> <style type="text/css">a:hover {background: url(http://img301.imageshack.us/img301/3168/rainbowhover8ef.gif); }</style> <p>

Link hover effects

The Site

For Myspace