关于页面produce-item下图片缩放的问题

首页课程实战体系课手记专栏慕课教程

来源：4-5 幻灯片区

嘟嘟苏

2020-08-04 00:07:14

.product-container .product-item{

overflow: hidden;

display: block;

}

.product-container .product-item img:hover{

transition: transform .5s;

transform: scale(1.2);

}

想问一下问什么这样写,图片才能达到老师的缩放效果?

不然的话它就会往外进行放大,而不是内进行放大?

希望老师解释一下1

写回答

1回答

好帮手慕星星

2020-08-04

同学你好，其实都是往外进行放大的。只不过代码中嵌套了一个父盒子，设置了超出隐藏，放大超出的部分看不到了而已。例如：放大之后的图片

自己再测试理解下，祝学习愉快！

0 学习 · 6815 问题

相似问题

回答 1

回答 3

回答 2

回答 1

回答 2