HTML

<div class="hovergallery11"><img src="https://jpg" alt="" width="195px" height="210px" /><img src="http://jpeg" alt="" width="195px" height="210px" /></div>

CSS

.hovergallery11 img{
/*GloriaV */
/*URL: http://tutorialgloriav.eklablog.com/*/
margin: 10px 5px 25px 5px; 
border: 2px dotted #fff;
border-radius: 20px;
box-shadow: 3px 2px 6px #000000;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-webkit-box-reflect: below 0px -webkit-gradient(linear, lefttop, left bottom, from(transparent), color-stop(.7,transparent), to(rgba(0,0,0,0.1)));
} 
.hovergallery11 img:hover{
border: 1px dotted #000; 
border-radius: 20px;
-webkit-box-reflect: below 0px -webkit-gradient(linear, lefttop, left bottom, from(transparent), color-stop(.7,transparent), to(rgba(0,0,0,0.4)));
-webkit-box-shadow: 0px 0px 20px rgba(255,255,255,0.8);
-moz-box-shadow: 0px 0px 20px rgba(255,255,255,0.8);
box-shadow: 0px 0px 20px rgba(255,255,255,0.8);
}