鼠标悬停,链接往上漂移
html:
<a href="/gongsixinwendongtai_article-251-1894.html">
<div class="title float">
风云网络智能车间诊断工作获苏州日报点赞
</div>
<div class="date">2018-03-22</div>
</a>
/* Float */
.float {
display: inline-block;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transform: translateZ(0);
transform: translateY(0);
box-shadow: 0 0 5px rgba(0, 0, 0, 0);
}
.float:hover, .float:focus, .float:active {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}