Zoom images on hover

Following code shows you CSS events to zoom an image on mouse hover.

<!DOCTYPE html>
<html>
<head>
<style>
a img {
	height: 100px;
	width: 100px;
}

a img:hover {
	cursor: pointer;
    height:400px;
    width: 300px;
}
</style>
</head>
<body>
	<a href="#"><img src="http://www.loopandbreak.com/sampleImages/image1.png"
		alt=""> </a>
</body>
</html>