要实现图片在不溢出包裹的盒子内放大的效果，可以使用CSS3中的transform属性。具体方法如下：
将需要放大的图片放入一个容器中：
<div class="img-container"> <img src="./image"> </div>
使用CSS给容器和图片设定宽高，并且将容器设为相对定位，图片设为绝对定位：
.img-container { position: relative; width: 300px; height: 200px; overflow: hidden; /* 防止图片放大后溢出 */ } .img-container img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: transform 0.5s ease-out; /* 定义过渡动画效果 */ }
使用transform属性定义鼠标移入时图片的放大效果。例如，当鼠标移入容器时，图片放大到原来的1.2倍大小：
.img-container:hover img { transform: scale(1.2); }
这样就实现了图片在盒子内放大、不溢出的效果。
值得注意的是，当图片被放大到超过容器大小时，我们需要通过加上overflow: hidden;属性来防止图片溢出。此外，我们还可以通过添加过渡动画来使图片的放大效果更加平滑自然。
滑动图片放大，且不溢出效果
