ขอวิธีการทำให้รูปภาพค่อย ๆ ขยายเวลาเอาเม้าส์ไปชี้หน่อยค่ะ

$("#yourImage").hover(
    function(){$(this).animate({width: 400px, height:400px}, 1000);},        
    function(){$(this).animate({width: 200px, height:200px}, 1000);}
);

.item img {
  max-width: 100%;
  
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.item:hover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}