a链接使用特效一:
<div class="service_hot_wrapper_look_more"><a href="">查看全部</a></div>
.service_hot_wrapper_look_more{
margin: 0 auto;
margin-top: 0px;
padding-bottom: 7px;
cursor: pointer;
position: relative;
width: 70px;
}
.service_hot_wrapper_look_more a{
width: 70px;
color: #008ddd;
text-decoration: none;
font-size: 14px;
text-align: center;
}
.service_hot_wrapper_look_more a:before{
content: "";
position: absolute;
left: 8px;
bottom: 0px;
width: 56px;
height: 1px;
visibility: visible;
background-color: #008ddd;
-webkit-transform:scaleX(0.4) ;
-o-transform:scaleX(0.4);
transform: scaleX(0.3);
-webkit-transition: all 0.2s ease-in-out 0s;
-o-transition:all 0.2s ease-in-out 0s ;
transition: all 0.2s ease-in-out 0s;
}
.service_hot_wrapper_look_more a:hover:before{
visibility: visible;
-webkit-transform:scaleX(1) ;
-o-transform:scaleX(1);
transform: scaleX(1);
}