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