HTML

<div class="hovergallery16"><img src="http://wgif" alt="" width="230" height="200" /><img src="http://gif" alt="" width="230" height="200" /></div>

CSS

.hovergallery16 img{ border: 2px solid #fff; 
border-radius: 20px; 
box-shadow: 2px 2px 6px #000000;
-webkit-transform:scale(0.9); 
-moz-transform:scale(0.9); 
-o-transform:scale(0.9);
-webkit-transition-duration: 0.6s; 
-moz-transition-duration: 0.6s;
-o-transition-duration: 0.6s; 
opacity: 0.8; 
margin:5px 1px 5px 1px; 

transform: rotate(0deg);
}
.hovergallery16 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-style: preserve-3d;
transform: rotateY(150deg);

}