鼠标没有经过:
鼠标经过的时候,看图,应该可以看出变化吧!图有放大的效果。
样式:图片由一个盒子包着,盒子加上overflow:hidden的样式,即可以保证图片在边框内放大。
然后给图片加上动画效果就可以了。
.pic {width: 100%;height: 180px;overflow: hidden;}img {transition: all 1s;}img:hover {transform: scale(1.1);}
<div class="pic"><img:src="`${img_address}/img/abroadWarehouse/06_imag8.png`"alt=""style="width: 100%; height: 180px"/></div>