HTML

<div class="hovergallery48"><img src="https://s-media-cache-ak0.pinimg.com/736x/8c/08/fd/8c08fd8746dcca4325c36434cdc340d0.jpg" alt="" width="230" height="250" /><img src="https://lh3.googleusercontent.com/-XwmxVEQiMgk/Vz2-JXXnZzI/AAAAAAAB2z8/f4qae0zL5vcE6TxX7uZOW_OgVuTbv8tNQCL0B/w426-h741/2.gif" alt="" width="230" height="250" /></div>

CSS

.hovergallery48 img{ 
border: 2px solid #fff; 
border-radius: 60px; 
box-shadow: 2px 2px 6px #000000;
-webkit-transform:scale(0.9); 
-moz-transform:scale(0.9); 
-o-transform:scale(0.9);
-webkit-transition: width 3s, height 3s, background-color 3s, 
-webkit-transform 3s;
transition: width 3s, height 3s, background-color 3s, transform 3s;
opacity: 0.8; 
margin:5px 5px 5px 5px; 
}
.hovergallery48 img:hover{
box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.9);
border: 1px dotted #000;
border-radius:100%;
opacity: 1;
transform: rotate(-120deg);
-moz-transform:rotate(-120deg);
-ms-transform: rotate(-120deg);
-o-