HTML

<div class="hovergallery52"><img src="https://lh4.googleusercontent.com/-KYA8HtN9Ads/V20A1VXF27I/AAAAAAACDQI/CW1b22YqGqohka76VBnp4Dgu9FFWRv6MgCL0B/w338-h600-no/2.gif" alt="" width="230" height="250" /><img src="https://lh3.googleusercontent.com/-ZvyowReenWg/V20BYxqOBII/AAAAAAACDQo/sICXb8jkbboWxOgwEVF8nFYgsaCjoucegCLcB/w426-h314/2.gif" alt="" width="150" height="150" /></div>

CSS

<style type="text/css"><!--
.hovergallery52 img{  
 border: 1px solid #ccc; 
 border-radius: 10px;  
 box-shadow: 0 0 0 50px 50px rgba(50, 160, 50, 0.2); 
 -webkit-transform:scale(0.9);  
 -moz-transform:scale(0.9);  
 -o-transform:scale(0.9); 
 -webkit-transition-duration: 0.3s;  
 -moz-transition-duration: 0.3s; 
 -o-transition-duration: 0.3s; 
 opacity: 0.9; 
 transform: translateZ(140px);
 margin:5px 1px 5px 2px;    
 } 
 .hovergallery52 img:hover{ 
 -webkit-box-shadow: 1px 2px 10px #000; 
 -moz-box-shadow: 1px 2px 10px #000; 
 box-shadow: 1px 2px 10px #000;  
 border: 1px dotted #000; 
 border-radius: 1em; 
 webkit-transform: translateX(-20px);  
 webkit-transform: translateX(5px);   
 webkit-transform: translateX(-2px);   
 opacity: 1;  
 webkit-transform:  translateX(0);  
 }
--></style>