HTML

<div class="hovergallery54"><img src="http://www.unexpected-custom.com/press/versace_fashion_show_2014_logo.png" alt="" width="230" height="230" /><img src="https://lh3.googleusercontent.com/-s6DAREuZEtE/V21Ah7FXRAI/AAAAAAACEKk/hxJzkIuqliAPszbPrYCuBQT0r3Oti5hUwCLcB/s426/3.gif" alt="" width="150" height="150" /></div>

CSS

.hovergallery54 img{ 
border: 2px solid #fff; 
border-radius: 10px;
box-shadow: 2px 2px 6px #000000;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
-webkit-transform:scale(0.9); 
-moz-transform:scale(0.9); 
-o-transform:scale(0.9);
margin:5px 5px 5px 5px; 
}
.hovergallery54 img:hover{
border: 7px solid #fff;
border-radius:50px;
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(135deg);
transform: scale(1) rotate9d(0, 0, 1, 135deg);
transition: transform 1s;

}