悬停时缩放 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>