` SIMPLYUNIQUE BREAKOUT

August 2008
M	T	W	T	F	S	S
« Jul
	1	2	3
4	5	6	7	8	9	10
11	12	13	14	15	16	17
18	19	20	21	22	23	24
25	26	27	28	29	30	31

August 2008

Hover Effects

index » tutorials » html » hover effects

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