縮放懸停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>