HTML

<div class="hovergallery10"><img src="http://gif" width="190" height="220" alt=""/><img src="http://gif" width="190" height="220" alt=""/></div>

CSS

<style type="text/css"><!--
/*GloriaV */
/*URL: http://tutorialgloriav.eklablog.com/*/
.hovergallery10 img{ -webkit-transform:scale(1.0);
border-radius: 5%;
box-shadow:1px 1px 10px #000;
border: 1px dotted #000;
-moz-transform:scale(1.0);
-o-transform:scale(1.0);
-ms-transform:scale(1.0);
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
-ms-transition-duration: 0.5s;opacity: 0.9; /*Nivel de opacidad de las imágenes*/margin: 0 10px 5px 0; /*Margen entre las imágenes*/

}.hovergallery10 img:hover{
margin: 10px 10px 15px 10px; 
-webkit-transform: rotate(5deg);
-moz-transform: rotate(5deg);
-o-transform: rotate(5deg);
-ms-transform: rotate(5deg);
transform: rotate(5deg);
-webkit-transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
-o-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
transform: rotate(-10deg);
box-shadow:2px 2px 10px #000; /*Sombra sobre toda la imagen*/
-ms-box-shadow:2px 2px 10px #000; opacity: 1
;

}
--></style>