HTML

<div class="hovergallery25"><img src="http://gif" alt="" width="230" height="250" /><img src="http://gif" alt="" width="230" height="250" /></div>

CSS

.hovergallery25 img{ 
 border: 2px solid #fff; 
 border-radius: 10px; 
 box-shadow: 1px 1px 2px 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.3s; 
 -moz-transition-duration: 0.3s;
 -o-transition-duration: 0.3s;
 opacity: 0.9; 
 margin:5px 5px 5px 5px; 
}

.hovergallery25 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: scale(1) rotate(45deg);
transform: scale(1) rotate3d(0, 0, 1, 45deg);
 transition: transform 5s;
}