缩放悬停jquery

Question

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

Answer 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>