girlwithbighead
"Keep smiling, because life is a beautiful thing and there's so much to smile about." - Marilyn Monroe { Follow me? }
    footprint


 Tutorial : Link Hover Mine Version (iv)  
11/10/2012 | 4 comments

My own coding, don't re-post.

Link Hover Type One  :  example one

a:link,a:visited{
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
color:pink;
text-decoration:none;}

a:hover{
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
text-shadow:-1px 10px 3px #333333;
text-decoration:none;}

Link Hover Type Two  :  example two

a:link,a:visited{
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
color:pink;
text-decoration:none;}

a:hover{
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
text-shadow: 0.2em 0.5em 0.1em #600,-0.3em 0.1em 0.1em #060,0.4em -0.3em 0.1em #006;
text-decoration:none;}

Link Hover Type Three  :  example three

a:link,a:visited{
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
color:pink;
text-decoration:none;}

a:hover{
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
color: #fff;
text-shadow: 0px 1px 0px #999, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #666, 0px 5px 0px #555, 0px 6px 0px #444, 0px 7px 0px #333, 0px 8px 7px #001135;
text-decoration:none;}

Link Hover Type Four  :  example four

a:link,a:visited{
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
color:pink;
text-decoration:none;}

a:hover{
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
text-shadow: 2px 0 .2px #FF0000;
text-decoration:none;}

Link Hover Type Five  :  example five

a:link,a:visited{
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
color:pink;
text-decoration:none;}

a:hover{
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
text-shadow: -2px 0 .2px #00F1F5;
text-decoration:none;}

Link Hover Type Six  :  example six

a:link,a:visited{
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
color:pink;
text-decoration:none;}

a:hover{
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
text-shadow: 2px 0 .2px #FF0000, -2px 0 .2px #00F1F5;
text-decoration:none;}

Link Hover Type Seven  :  example seven

a:link,a:visited{
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
color:pink;
text-decoration:none;}

a:hover{
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
letter-spacing:3px;}

Link Hover Type Eight  :  example eight

a:link,a:visited{
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
color:pink;
text-decoration:none;}

a:hover{
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
letter-spacing:-3px;}



OLDERNEWER