HTML

<div class="hovergallery24"><img src="https://s-media-cache-ak0.pinimg.com/736x/5f/89/1b/5f891bc3556cc0c4e513165ad5eae643.jpg" alt="" width="150" height="250" /><img src="http://6.firepic.org/6/images/2015-09/08/lr87qvfrtehu.jpg" alt="" width="150" height="250" /></div>

CSS

.hovergallery24 img{ 
border: 3px solid #ccc; 
border-radius: 20px; 
box-shadow: 2px 2px 3px 3px 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.4s; 
-moz-transition-duration: 0.4s;
-o-transition-duration: 0.4s; 
opacity: 0.8; 
margin:5px 5px 5px 5px; 
transform: rotate(0deg);
}
.hovergallery24 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: translate(20px, 20px) rotate(1215deg);
transition: transform 4s;

}