HTML

 <div class="hovergallery22"><img src="http://img1.liveinternet.ru/images/attach/c/5/123/778/123778369_tumblr_m6zd4xb6FS1qiz3j8o3_500.gif" alt="" width="230" height="250" /><img src="http://phototive.com/uploads/297/18272/muhssowhq6mhemj8.jpeg" alt="" width="230" height="250" /></div>

CSS

.hovergallery22 img{ 
border: 3px solid #ccc; 
border-radius: 20px; 
box-shadow: 5px 4px 7px 7px rgba(143, 143, 143, 0.3);
-webkit-transform:scale(0.9); 
-moz-transform:scale(0.9); 
-o-transform:scale(0.9);
-webkit-transition-duration: 0.2s; 
-moz-transition-duration: 0.2s;
-o-transition-duration: 0.2s; 
opacity: 0.8; 
margin:5px 1px 5px 1px; 
transform: translateX(10px);

}
.hovergallery22 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: 10px;
opacity: 1;
transform: translateY(50px);
transition: transform 3s;

}