欢迎加入站点基地设计开发交流群:30720409
详细内容
鼠标悬停,链接往上漂移
发布日期:2018-05-10     点击:473     字体:[ ]

鼠标悬停,链接往上漂移

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);
}

用户评论
昵称 
内容  *
验证码   
   
Copyright © 2010 zdbase.com All Rights Reserved. 苏ICP备15039389号 可人软件设计