CSS图片缩放效果

HtML页面：

 <div class="seopad10">  <img src="/upload/202111/01/202111011503523619.jpg"  alt=""></div></a>

CSS样式：

.box2019 img {display: block;padding:5px; width:280px; height:206px; border:0px solid #dfdfdf; }

/*图片放大效果*/
.seopad10{ width:284px; height: 204px;overflow: hidden;border:2px solid #dfdfdf;}
.seopad10 > img {width:280px; height: 200px;  transition: 0.6s;}
.box2019 a:hover .seopad10 > img{ padding:5px;transform:scale3d(1.1,1.1,1);border:0px solid #f8b600}