实现元素扩张后向上伸缩,不会往下掉
通过 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);
}