HTML

<div class="hovergallery53"><img src="https://lh4.googleusercontent.com/-uePZiF81TdE/V20Rt_-fv3I/AAAAAAACDeY/xZBiQ9GBN3YCoyAh0UOo6xtuJOtHe1TuwCL0B/w297-h529-no/2.gif" alt="" width="250" height="290" /> <img src="https://lh3.googleusercontent.com/-xtG20Rsv5o0/V20SH_B2baI/AAAAAAACDew/fEftuH-09g4Z4I4Twfoy6bf8aI-0I7iOgCLcB/w426-h393/2.gif" alt="" width="190" height="190" /></div>

CSS

.hovergallery53 img{ 
 border: 2px solid #fff; 
 border-radius: 1em;
 box-shadow: 2px 2px 6px #000000;
 -webkit-transition: all 2s ease;
 -moz-transition: all 2s ease;
 -ms-transition: all 2s ease;

-o-transition: all 2s ease;
 transition: all 2s ease;
   -webkit-transform:scale(0.9); 
 -moz-transform:scale(0.9); 
 -o-transform:scale(0.9);
 margin:5px 5px 5px 5px; 
 }
 .hovergallery53 img:hover{
 border: 10px solid #fff;
 border-radius:3em;
 opacity: 1.0;
 transform: scale(1.1) 
 -webkit-box-shadow: 0 0 40px rgba(255,255,255,.6), inset 0 0 40px rgba(255,255,255,1);
 -moz-box-shadow: 0 0 40px rgba(255,255,255,.6), inset 0 0 40px rgba(255,255,255,1);
 box-shadow: 0 0 40px rgba(255,255,255,.6), inset 0 0 40px rgba(255,255,255,1);
   transform: scale(1) rotate(15deg);
 transform: scale(1) rotate3d(0, 0, 1, 15deg);
 transition: transform 1s;
 
 }