HTML

<div class="hovergallery2">
<img src="http://gif"width="155" height="180" /><img src="http://.gif" width="155" height="180" /> </div>

CSS

<style type="text/css"><!--
/*GloriaV */
/*URL: http://tutorialgloriav.eklablog.com/*/
 .hovergallery2 img{ -webkit-transform:scale(0.8);
 border-radius: 25%;
 border: 1px dotted #000;
 -moz-transform:scale(0.8);
 -o-transform:scale(0.8);
 -ms-transform:scale(0.8);
 -webkit-transition-duration: 0.3s;
 -moz-transition-duration: 0.3s;
 -o-transition-duration: 0.3s;
 -ms-transition-duration: 0.3s;opacity: 0.6; /*Nivel de opacidad de las imágenes*/margin: 0 10px 5px 0; /*Margen entre las imágenes*/
 box-shadow:0px 2px 10px #000;
 }.hovergallery2 img:hover{
 box-shadow:3px 3px 10px #000; /*Sombra sobre toda la imagen*
 /-webkit-box-shadow:3px 2px 10px #000;
 -moz-box-shadow:3px 2px 10px #000;
 -ms-box-shadow:3px 2px 10px #000; opacity: 1
 }
 </style>