1.给图片设置一个父元素,与之同宽高。
2.给父元素设置overflow,做隐藏溢出处理
.div1{
width: 230px;
overflow: hidden;
}
3.给图片增加transition,设置tranform:scale
img {
width: 230px;
cursor: pointer;
transition: 0.6s;
}
img:hover{
transform:scale(1.1);
}