Enlarging images when mouseover using Jquery

by Naresh

HTML

<img id="image" src="http://blog.colourfulrebel.com/en/wp-content/uploads/2015/06/Cute-Kittens-1-Wallpaper-HD.jpg">

CSS

#image{
    width:50%;
    height:50%;
    -webkit-transition:.4s all;
}
.transition {
    -webkit-transform: scale(1.3); 
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
}

JavaScript

$(document).ready(function(){
	$('#image').hover(function(){
      $(this).addClass('transition');
	},
	function(){
    	$(this).removeClass('transition');   
	});
});