HTML

<div class="hovergallery28"><img src="http://img0.liveinternet.ru/images/attach/c/3/76/796/76796430_large_4134138_getImage1.jpg" alt="" width="230" height="250" /><img src="http://img-fotki.yandex.ru/get/4611/131165231.6/0_766ec_c8d22642_orig.jpg" alt="" width="230" height="250" /></div>

CSS

.hovergallery28 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-duration: 0.2s; 
-moz-transition-duration: 0.2s;
-o-transition-duration: 0.2s; 
opacity: 0.8; 
margin:5px 5px 5px 5px; 
transform: rotate(0deg);
}
.hovergallery28 img:hover{
box-shadow: 2px 2px 3px 3px rgba(143, 143, 143, 0.3);
border: 1px dotted #000;
border-radius: 20px;
opacity: 1;
transform: translate(30px, 30px) scale(1.0, 1.0) rotate(15deg);
}