在悬停jquery上进行缩放

【问题标题】：Making zoom on hover jquery在悬停jquery上进行缩放
【发布时间】：2017-11-18 03:27:20
【问题描述】：

我想知道 jquery 是否有办法制作像此页面上的缩放效果http://chobanifoodservice.com/ 如您所见，图像不会改变其大小，它会在保持相同大小的同时对其进行缩放。提前致谢

【问题讨论】：

【解决方案1】：

您可以在CSS 中很好地完成此操作。仅在 jQuery 中执行此操作会变得更加混乱（在我看来）。

.zoom {
  display:inline-block;
  overflow:hidden;
  border:1px solid black;
}

.zoom img {
  transition:.1s ease-in-out;
}

.zoom:hover img {  
  transform: scale(1.05);
}

<div class="zoom">
  <img src="http://neil.computer/stack/food.jpg" />
</div>

【讨论】：