HTML

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

CSS

.hovergallery39 img{ 
border: 2px solid #fff; 
border-radius: 0.5em; 
box-shadow: 2px 2px 3px 3px rgba(143, 143, 143, 0.3);
transform: translate(0px, 0px) scale(1);
-webkit-transform: translate(0px, 0px) scale(1);
-moz-transform: translate(0px, 0px) scale(1);
-o-transform: translate(0px, 0px) scale(1);
-ms-transform: translate(0px, 0px) scale(1);
-webkit-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
-ms-transition: all 500ms ease-in-out;
-o-transition: all 500ms ease-in-out;
opacity: 0.8; 
margin:5px 5px 5px 5px; 

}
.hovergallery39 img:hover{
border: 1px dotted #000;
border-radius: 2em;
box-shadow: 2px 2px 6px #000000;
opacity: 1;
transform: translate(-50px, -50px) scale(0.5);
-webkit-transform: translate(-50px, -50px) scale(0.5);
-moz-transform: translate(-50px, -50px) scale(0.5);
-o-transform: translate(-50px, -50px) scale(0.5);
-ms-transform: translate(-50px, -50px) scale(0.5);
 
}