Fuente

HTML

<div class="hovergallery40"><img src="https://sjpg" alt="" width="230" height="250" /><img src="http://jpg" alt="" width="230" height="250" /></div>

CSS

.hovergallery40 img{ 
border: 2px solid #fff; 
border-radius: 2em/0.5em; 
box-shadow: 2px 2px 6px #000000;
-webkit-transform:scale(0.9); 
-moz-transform:scale(0.9); 
-o-transform:scale(0.9);
-webkit-transition: width 5s, height 5s, background-color 5s, 
-webkit-transform 5s;
transition: width 5s, height 5s, background-color 5s, transform 5s;
opacity: 0.8; 
margin:5px 5px 5px 5px; 
}
.hovergallery40 img:hover{
box-shadow: 2px 2px 3px 3px rgba(143, 143, 143, 0.3);
border: 1px dotted #000;
border-radius: 50%;
opacity: 1;
transform(0px,-30px,0.5);
transform-origin: left;
transform:translate(-20px,20px); 

}