Link Hovers Effect #1
类型 1
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
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
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
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
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;
}