HTML<div class="shrink pic"><img src="https://lh6.googleusercontent.com/-iaXwGzyIktg/U0Ff-9BHozI/AAAAAAAANhM/3GqGM__mAPc/w800-h498-no/12.gif" alt="city" width="275" height="258" /></div> 

CSS/*SHRINK*/.shrink img {
height: 250px;
 width: 250px; 
 border: 1px dotted #ccc; border-radius: 1em/3em;
 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;
 } 
 
 .shrink img:hover {
 width: 200px;
 height: 200px;
 }