HTML<div class="grow pic"><img src="https://lh6.googleusercontent.com/-bte6ghm6yiA/VBQGkqatOSI/AAAAAAAA_Iw/X3HxCwDzzho/s150-no/1.gif" alt="portrait" /></div>

CSS/*GROW*/
 .grow img {
 height: 150px;
 width: 150px; 
border: 2px dotted #fff; border-radius: 1em;
 -webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
 -moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
 box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
 -webkit-transition: all 1s ease;
 -moz-transition: all 1s ease;
 -o-transition: all 1s ease;
 -ms-transition: all 1s ease;
 transition: all 1s ease;
 } 
 .grow img:hover {
 width: 200px;
 height:200px;
 }