Fork me on GitHub

Coding Poineer

Coding Poineer

Coding Poineer

Coding Poineer

Coding Poineer

Coding Poineer

Coding Poineer

Coding Poineer

Coding Poineer

Coding Poineer

Coding Poineer

实现元素扩张后向上伸缩,不会往下掉

通过 scale(1.2) translateY(-7px) 两者同时控制,实现放大同时、向上移动,2个动画的速率是一样的

.pro-box-list a img{
  width: 90px;
  height: 90px;
  transition: all 0.5s;
  box-shadow: 0 1px 6px 0 rgba(31,35,41,.03);
  border-radius: 20px;
}

.pro-box-list a img:hover{
  transform: scale(1.2)  translateY(-7px);
  box-shadow: 0 6px 20px 0 rgba(31,35,41,.15);
}

posted @ 2020-09-28 09:49  365/24/60  阅读(95)  评论(0编辑  收藏  举报