HTML

<div class="hovergallery30"><img src="http://4.bp.blogspot.com/-xb9WFxL0SDo/U0CF9PVLZ8I/AAAAAAAAUjk/93hg72TLDoo/s1600/33z668y.gif" alt="" width="230" height="250" /><img src="http://2.bp.blogspot.com/-2k7O80SMetE/U78jTFfOihI/AAAAAAAAacs/9UDobAZhaIQ/s1600/tumblr_lukmgiL2rg1qiz3j8o1_500.gif" alt="" width="230" height="250" /></div>

CSS

.hovergallery30 img{ 
border: 2px solid #fff; 
border-radius: 10px; 
box-shadow: 2px 2px 6px #000000;
-webkit-transform:scale(0.9); 
-moz-transform:scale(0.9); 
-o-transform:scale(0.9);
 -webkit-transition: width 2s, height 2s, background-color 2s, 
-webkit-transform 2s;
transition: width 2s, height 2s, background-color 2s, transform 2s;
opacity: 0.8; 
margin:5px 5px 5px 5px; 
}
.hovergallery30 img:hover{
box-shadow: 2px 2px 3px 3px rgba(143, 143, 143, 0.3);
border: 1px dotted #000;
border-radius: 20px/120px;
opacity: 1;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);

}