HTML

<div class="zoom img"><img src="https://lh5.googleusercontent.com/-cmq-wSD2qRM/U9TeA493WsI/AAAAAAAAtA0/ZNhyss-PHaE/w240-h320-no/1.gif" alt="" /></div>

CSS

<style type="text/css"><!--
.zoom img {
 width: 170px;
 height: 170px;
 -webkit-transition: all 2s ease;
 -moz-transition: all 2s ease;
 -ms-transition: all 2s ease;
 -o-transition: all 2s ease;
 transition: all 2s ease;
 border: 1px dotted #ccc;
 border-radius: 1em;
}
 
.zoom img:hover {
 width: 240px;
 height: 240px;
 border: 1px dotted #ccc;
 border-radius: 1em;
 -webkit-box-shadow: 0 0 40px rgba(255,255,255,.6), inset 0 0 40px rgba(255,255,255,1);
 -moz-box-shadow: 0 0 40px rgba(255,255,255,.6), inset 0 0 40px rgba(255,255,255,1);
 box-shadow: 0 0 40px rgba(255,255,255,.6), inset 0 0 40px rgba(255,255,255,1);
}
--></style>