Hover Codes

Effects incompatible with all browsers are marked with a *. For image hover effects, please scroll down!

Insert below code in the A: Hover brackets ( ).

<style type="text/css">
<!--
A:visited  {color:COLOR; text-decoration: none;}
A:link  {color:COLOR; text-decoration: none;}
A:active  {color: COLOR; text-decoration: underline;}
A:hover   {cursor: HAND; color: BLUE; text-decoration: underline;}
//-->
</style>

*Glow Links on Mouseover (Colors)

*Drop Shadow Links on Mouseover (Colors)

*Shadow Links on Mouseover (Colors)

*Blur Links on Mouseover

Highlight Links on Mouseover (Colors)

Grey Links on Mouseover

Mask Links on Mouseover

*Wave Links on Mouseover

Invert Colors of Links on Mouseover

CAPITAL Links on Mouseover

lowercase Links on Mouseover

Image Hover Codes

*Black and White with C olor on Mouseover

*Flip Horizontally on Mouseover

*Color with Black and White on Mouseover

*Flipped Horizontally with Normal on Mouseover

*Blur on Mouseover

*Blurred with Normal on Mouseover

*Emboss on Mouseover

*Embossed with Normal on Mouseover

*Engrave on Mouseover

*Engraved with Normal on Mouseover

*Invert Colors on Mouseover

*Inverted Colors with Normal on Mouseover

*X-ray on Mouseover

*X-rayed with Normal on Mouseover

*Transparent on Mouseover

*Transparent with Normal on Mouseover

RESOURCES