Link Hovers Effect #1


类型 1


Miracles in December


a:link,a:visited{
color: #4169E1;
text-decoration:none;
padding:2px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
}
a:hover{
color: #FFBBBB;
text-shadow: 0 0 0.2em #ff2d95, 0 0 0.2em #ff2d95;
}


类型2


Miracles in December

a:link,a:visited {
color: #4169E1;
text-decoration:none;
padding:2px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
}
 a:hover {
text-shadow: 1px 1px 2px #FFD700;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
padding:2px;
}


类型3
Miracles in December
a:link,a:visited{
color: #4169E1;
text-decoration:none;
padding:2px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
}
a:hover{
color:#fff;
box-shadow:inset 0 -50px 0px #C6D4F3;
}


类型4

Miracles in December

a.link4{
color: #4169E1;
text-decoration:none;
padding:2px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
}
a.link4:hover{
opacity: 0;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
}



类型5


Miracles in December

a.link5{
color: #4169E1;
text-decoration:none;
padding:2px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
}
a.link5:hover{
border-left: 5px solid #eee;