1、此时我们实现当鼠标经过盒子,图片将进行整体放大的功能。
会出现将父盒子也撑大的问题,如图:
2、我们只需要给当前图片的父盒子添加一个“overflow:hidden”代码即可解决问题
// 父盒子
div {
overflow:hidden;
}
div:hover img {
transform:scale(1.1);
}
效果如图:
// 父盒子
div {
overflow:hidden;
}
div:hover img {
transform:scale(1.1);
}