ホバーズームでズームする

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>